生成源代码的SourceMap

为什么要生成SourceMap呢?

主要是方便在开发环境定位到代码的原始状态，更多详情参考这里

下载插件

修改package.json文件内容：

{
  "resolutions": {
    "webpack-sources": "1.0.1"
  },
  "devDependencies": {
    // ...
  }
}

执行npm install安装依赖。

开启SourceMap

修改配置文件webpack.config.js内容：

const config = {
    devtool: 'source-map',
}

module.exports = config;

具体devtool的配置值可以参考这里。

测试

npm run start

通过上面的编译命令可以看到编译的文件中新增了很多