vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)
vue-cli是开发vue项目必不可少的脚手架工具,3.0版本之前的目录结构是由config目录的,关于webpack配置的文件都放在该目录里面,而3.0版本之后做了一个大更新,webpack相关的默认配置都帮你集成到webpack的npm 包里面去了,官方提供的一种修改配置的方式就是开发者自己在项目的根目录(与src同层级的目录)下建立一个vue.config.js的文件,然后去覆...
·
vue-cli是开发vue项目必不可少的脚手架工具,3.0版本之前的目录结构是由config目录的,关于webpack配置的文件都放在该目录里面,而3.0版本之后做了一个大更新,webpack相关的默认配置都帮你集成到webpack的npm 包里面去了,官方提供的一种修改配置的方式就是开发者自己在项目的根目录(与src同层级的目录)下建立一个vue.config.js的文件,然后去覆盖自定义的配置,达到你想要的效果,下面写一个基本的默认配置,仅供参考:
module.exports = {
publicPath:'./',//根路径 cli3.0以上使用publicPath替代baseUrl,解决build后找不到静态资源的问题
//assetsDir:'assets',//静态资源目录(js,css,img,fonts)这些文件都可以写里面
outputDir:'dist',//打包的时候生成的一个文件夹名
lintOnSave:false//是否开启eslint保存检测 ,它的有效值为 true || false || 'error'
/*
//服务器请求相关的配置
devServer:{
open:true,//启动项目后自动开启浏览器
host:'locahost',//对应的主机名
port:8080,//端口号
https:false,//是否开启协议名,如果开启会发出警告
hotOnly:false,//热模块更新的一种东西,webpack中自动有过配置,但如果我们下载一些新 的模块可以更好的给我更新一些配置
proxy:{
//配置跨域
'/api':{//配置跨域的名字
target:'http//localhost:5000/api',//跨域的地址
ws:true,
changOrigin:true,//是否跨域
pathRewrite:{//当前的名字
'^/api':''
}
}
}
}*/
}
更多推荐
已为社区贡献11条内容
所有评论(0)