CONTENTS 01 | 基础篇：webpack 与构建发展简史 02 | 基础篇：webpack 基础用法 03 | 基础篇：webpack 进阶用法 04 | 进阶篇：编写可维护的webpack 构建配置 05 | 进阶篇：webpack 构建速度和体积优化策略 06 | 原理篇：通过源码掌握webpack 打包原理 07 | 原理篇：编写 Loader 和webpack 开发商城项目 ## ☐ ☐ ☐ ☐ ## 扫码试看/订阅 《玩转webpack》 ## 构建配置抽离成 npm 包的意义 通用性 ·业务开发者无需关注构建配置 ·统一团队构建脚本 可维护性 ·构建配置合理的拆分 ·README 文档、ChangeLog 文档等 质量 ·冒烟测试、单元测试、测试覆盖率 ·持续集成 ## 构建配置管理的可选方案 通过多个配置文件管理不同环境的构建，webpack |- README.md + |- CHANGELOG.md + |- .eslinrc.js + |- package.json + |- index.js ## 使用 ESLint 规范构建脚本 使用 eslint-config-airbnb-base eslint --fix 可以自动处理空格 module.exports = { "parser": "babel-eslint"

然而還有一組軟件包雖不是對於所有軟件包都必須，卻可能對你有用或被你的軟件包所需要： - autoconf、automake 和 autotools-dev - 很多新程序使用 configure 脚本和 Makefile 文件夹帮助预處理程序。(參看 info autoconf、info automake)。autotools-dev 則用於保持指定的自動配置文件為最新，並帶有關於使用那些文件的最佳方法的文檔。 指令碼中有某種可配置的特性，你可以在 package.default 檔案中設定它們，而不是 init 指令碼本身。 如果你的上游程序中包含了给 init 用的脚本文件，那用不用它都可以。如果不使用，则创建相应的 package.init 文件；然而如果上游的 init 脚本很好且被安装到正确的位置，你仍然需要设置 rc* 符号链接。你需要按照以下的方法在 rules 文件中凌驾 dh_installinit: