最近两个月刚完成一个项目,用vue-cli3搭建框架,在这里说下vue-cli3的配置文件创建以及里面各项配置的含义,也帮助自己巩固下,不对的地方请各位指出。
1.vue-cli3没有配置文件,需要自己创建一个vue.config.js,下面是我的项目的配置文件:
module.exports = {
// build时构建文件的目录
outputDir: 'dist',
// build时放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
assetsDir: "static",
// 部署应用时的基本 URL
publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
//打包的文件中不会出现map文件,这里说下map文件的作用
//map文件的作用:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报 错。 有了map就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。
productionSourceMap: false,
// 设置代理
devServer: {
//端口
port: 8088,
//自动打开浏览器
open: true,
proxy: {
//代理接口前缀为/PB_API的请求
'/PB_API': {
//需要代理到的目标地址
target: '',
//是否跨域
changeOrigin: true,
pathRewrite: {
//设置过滤关键字PB_API
'^/PB_API': ''
},
//是否代理websockets
ws: false
},
}
}
};
这个项目的配置文件主要是配置代理接口,以及打包路径等,后期用到什么配置再往上加。