vue2.x+webpack配置问题总结

目录

1. 配置热更新&自动打开浏览器

方法一：修改 package.json 文件

方法二：修改 webpack.config.js 文件

2. npm run build 生成的map文件配置

 

---

【文件目录及相关配置基于 vue cli 2.x 版本构建】

1. 配置热更新&自动打开浏览器

实现自动打开浏览器、热更新和配置浏览器的默认端口号

方法一：修改 package.json 文件

方法二：修改 webpack.config.js 文件

PS：用vue init一键生成的项目，以上变量的配置位置在 config/index.js中 

2. npm run build 生成的map文件配置

我们在做vue项目打包的时候，打包完成的js文件夹中，会自动生成一些map文件，那么这些map文件有什么作用呢？这些文件是否需要保留呢？

2.1 map文件的作用：

项目打包之后的文件都是经过压缩和加密的，如果运行的时候报错的话，输入的错误信息我们是无法准确得知是哪一行或者哪一个方法有错误的。而map文件的作用正在于此，他可以帮助浏览器准确的输入是具体的哪个位置的代码报错。

2.2 去掉map文件的方法：

在config/index.js中修改配置：     productionSourceMap: false,