webpack 配置文件

[suukii]

webpack.config.js 是 webpack 的默认打包配置文件，也可以通过 npx webpack --config [name] 来设置。

常用配置项

• mode：打包环境，分为 production 和 development，生产环境下代码会被压缩
• 多入口：在 entry 中指定多个值
• 为打包后的 JS 加前缀：在 output 中指定 publicPath
• devtool：就是去配置 sourcemap，方便调试，准确定位到代码错误：
  • cheap：定位到行，不定位到列
  • module：把依赖模块中的代码一并做映射
  • eval：使用 eval 形式做 sourcemap 映射
  • inline：行内的映射关系

推荐的 devtool 配置：

// dev
devtool: 'cheap-module-eval-source-map'

// prod
devtool: 'cheap-module-source-map'