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':'' } } } }*/ }