7.1 devtool

不同的 devtool 设置,会导致性能差异。

在大多数情况下,最佳选择是 eval-cheap-module-source-map。

详细区分可至 webpack devtool 查看。


webpack.dev.js 配置方式如下:

  1. export.module = {
  2. devtool: 'eval-cheap-module-source-map',
  3. }

7.2 输出结果不携带路径信息

默认 webpack 会在输出的 bundle 中生成路径信息,将路径信息删除可小幅提升构建速度。

  1. module.exports = {
  2. output: {
  3. pathinfo: false,
  4. },
  5. }