一直以来, 在 node 里写脚本都是一件很麻烦的事情, 默认状态下, node 不支持用 import 导入, 就只能用 require, 导入完不仅没有代码提示, 而且还有很多奇怪的报错, const 引入的 require 作用域也很不正常, 如果你一用 import, 你就会得到一个经典报错.

1

Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.

然后跟着这个配置, 又或者去 stackoverflow 查, 他们都让你改 package.json, 但你一加完, 又会看到一个经典提示 Unknown file extension ".ts", 然后去搜这个问题, 又会让你把 "type": "module" 去掉,

前情提要

自从去年换了份工作, 已经写 Angular 一年多了. 虽然 Angular 也很好用, 但束缚真的太多了, 配合 Service/Rxjs 怎么写怎么感觉在写 JavaScript 的前缀(, 再不写写别的东西, 都要不会写主流前端了.

同时, 正好前段时间用 Hexo 写的 blog 因为太长时间没维护挂掉了. 趁这个机会, 学点新东西, 从 Angular 的大坑里跳出来, 因此选的技术栈都是和工作上用的不一样的东西.

前几天在 v2ex 看到一个讨论, 发觉 react 有好多新东西. 以前虽然也学过一会 react, 但一直都很不喜欢用, 就是因为 16 以前那套 class component, jsx 以及 css in js 这些东西都长的很丑, 实在是跟优雅没什么关系.

但是现在有 tailwindcss 和 函数式组件了, radix/shadcn 这种 headless 组件库也是真的好用, 我在工作上也受够了羸弱的诸如 v-for/ng-for 这样的 html 模版了. 之前的缺点一转攻势, 不是消失了, 就是变成优点了.

从未来前端发展趋势来看, 完全独立的组件化我觉得是一个很有趣的方向. 最开始的时候, 前端 html/css/js 是三分离的, 我还记得我刚学那会, 如果在 html 写 inline style 或者 script 都是很被人鄙视的(不是. 之后, 随着像 react(js+html) vue(all in one) 这种框架的兴起, 前端才有了组件这个叫法.