"start": "node lib/server-production" } } It's very common to use this feature to run Webpack: 50 So instead of typing those long commands, which are easy to forget or mistype, you can run "watch": "webpack --watch --progress --colors --config webpack.conf.js "dev": "webpack --progress --colors --config webpack.conf.js", "prod": "NODE_ENV=production webpack -p --config webpack.conf "main": "src/main.js", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack. "start": "npm run dev", "unit": "jest --config test/unit/jest

脚⼿手架，ORM 太弱。 开发⼤大型软件？ • 测试相关 tdd / bdd 测试覆盖率 • 规范化 standard、各种 lint、hint • 构建相关 gulp、grunt、webpack，⼤大量插件 • ⽣生成器 yo 等 • 包管理⼯工具 npm ⾜足够简单易⽤用 架构 Node.js 1）在语⾔言层⾯面可以做，那语⾔言层⾯面做 2）如果语⾔言层⾯面搞不定，那就架构层⾯面做 或可执⾏行⽂文件。iOS、Android 上⽤用 Cordova，PC 上使⽤用 Electron。 当下流⾏行玩法 medis 技术点 • 使⽤用 Node.js 模块 • 使⽤用 Webpack 构建 • 使⽤用 React（视图） Redux（控制逻辑） • 使⽤用 Electron 加壳打包 亲，你看到未来了么？ 讲了node⼯工具，前端4阶段， hybrid，各种跨平台，⺫⽬目前就是为了

* v6.* v8.* v10.* * 以上图表为演示数据，并非公司真实数据 框架 / 构建工具饼图 Chair 1.3.* Chair 1.4.* Chair 1.5.* Rodhog Webpack Umi Others * 以上图表为演示数据，并非公司真实数据 构建时健康度 ‣ 构建成功率 ‣ 错误收敛 ‣ 构建耗时 / 阶段耗时 ‣ 产物大小 成功率折线图 * 以上图表为演示数据，并非公司真实数据

如果底层或骨架更新了， 那 20 个旧项目如何更新呢？ 升职加薪后的故事 ▸ 你的团队是否遇到过： ▸ 维护很多个项⽬目，每个项⽬目都需要复制拷⻉贝诸如 gulpfile.js / webpack.config.js 之类的⽂文件。 ▸ 每个项⽬目都需要使⽤用⼀一些相同的类库，相同的配置。 ▸ 在新项⽬目中对做了了⼀一个优化后，如何同步到其他项⽬目？ ▸ 紧急修复后如何快速升级所有项⽬目？