webpack搭建开发环境的关键点

起步

     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 功能,可以将编译后的代码映射回原始源代码。

原文地址:https://www.cnblogs.com/maogu2/p/14471838.html