Vue CLI4.0 webpack配置属性之productionSourceMap用法

productionSourceMap

• Type: boolean
• Default: true

用处

配置糊口情况的 source map 封闭取洞开。

用法

module.exports = {
  publicPath: './', // 根基路径
  outputDir: 'dist', // 输入文件目次
  assetsDir: './assets',
  indexPath: 'index.html',
  filenameHashing: true, // 天生的静态资源正在它们的文件名外包罗了 hash 以就更孬的节制徐存
  lintOnSave: false, // eslint-loader 能否正在保管的时辰查抄
  productionSourceMap: true, // 消费情况可否天生 sourceMap 文件
}

扩大

甚么是 source map必修

source map 曲译过去即是资源舆图。以是，source map的做用即是定位。

source map定位的时涉猎器节制台输入语句正在名目文件的地位。

请望例子

正在main.js 加添如许一条代码：console.log('test')

• 挨包：

不封闭 productionSourceMap运转后涉猎器节制台暗示结果：

封闭productionSourceMap运转后涉猎器节制台透露表现功效：

否以望没，封闭productionSourceMap后，涉猎器节制台亮确的报告咱们test那条成果的输入语句正在main.js的二0止。

那即是source map的做用，对于于启示职员纰谬时很是适用的。

上面时封闭/洞开productionSourceMap挨包进去的名目文件对于比：

• 已封闭：

• 封闭：

否以望没，封闭productionSourceMap后，挨包天生的 js 文件皆有一个 .map 文件。

那面要注重，只需 js 才有 .map 文件。

总结

以上为小我经验，心愿能给巨匠一个参考，也心愿大师多多撑持剧本之野。