起步
install webpack webpack-cli
资源
install所需的loader, 并在module配置中添加这些loader
输出
install html-webpack-plugin,会用新生成的 index.html
文件,替换我们的原有文件。它创建了一个全新的文件,所有的 bundle 会自动添加到 html 中。
install clean-webpack-plugin, 在每次构建前清理 /dist
文件夹
了解manifest。webpack 和 webpack 插件似乎“知道”应该生成哪些文件。答案是,webpack 通过 manifest,可以追踪所有模块到输出 bundle 之间的映射
web server
install webpack-dev-server,配置webpack.config.js和package.json, 运行npm run start,实现live reloading(实时重新加载) 功能。
devtool
为了更容易地追踪 error 和 warning,JavaScript 提供了 source maps 功能,可以将编译后的代码映射回原始源代码。