小小的项目一大堆 devDependencies 各种 loader 完全搞不懂,也看不懂,不得不让我怀疑我的智商,直到至今也只是知道了部分依赖包的作用,而且不同的项目 N 种不同的依赖包方案, scripts 节点里也有各种花样,后面再吐槽。
npm install 简单而暗爽的指令,你再看看 node_modules 你要傻眼,真不敢相信自己的眼睛,一个小项目,两三百个包,看看大小,更让你傻眼 三四百 M ,文件数多达十几万。恩最近 PHP 也来搞这么个东西,典型的应用就是的 Laravel 。最近折腾了不少学习项目,为了省事,我也想了个招,通通用一个 node_modules ,现在那个文件夹 2000 多个包了,满满的幸福感。
webpack 真是个多面手,又可以打包,又可以压缩,又可以做服务,还支持插件。不过 webpack.base.config.js , webpack.dev.config.js , webpack.prod.config.js 让你傻傻分不清楚,而且开起服务的方式又是各种,上面说到的 scripts 节点里的 webpack 的可用参数又是一堆堆。 style!css!autoprefixer , style!css!sass?sourceMap CSS 的 loaders 名字奇葩而看不懂,打包生成出来的 vendors , bundle 文件大小足以吓你一跳。
npm install 报错、警告各种, npm start , npm run dev , npm run build , webpack -p 报错、警告各种,打包生成出来的 vendors , bundle 报错各种,最关键是打包生成后报错你还傻傻找不到,开源项目一个折腾又过一个,没有一个能正常跑通,其中种调试和常试。
可以直接安依赖包,不用苦苦找网站去下载,不用考虑太多版本的问题,不用重复造轮子。结合 Vue 和 React 可以搞出各种高体验应用、 SPA 应用。 ES6 直接转 ES5 ,还有打包压缩确实做的不错,除了上面我吐槽的不爽以外。
以上是我接触一段时间的 NodeJs 的一点心得和体会,有说得不妥的地方请指正,想打脸的肯请手下留情,最重要的是大神们请多多支招指教。
另外欢迎一起讨论学习,戳我 V2EX 头像,再戳我的博客,找找应该有我的联系方式,这里就不写了,怕 V2EX 管理员大牛把我帖子列为广告帖。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.