在运用vue-cli3建立项目后,由于webpack的设置均被隐蔽了,当你须要掩盖原有的设置时,则须要在项目的根目次下,新建vue.config.js文件,来设置新的设置。
设置的相干字段
- vue.config.js会被自动加载
module.exports = {
/* 布置临盆环境和开辟环境下的URL:可对当前环境举行辨别,baseUrl 从 Vue CLI 3.3 起已弃用,要运用publicPath */
/* baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' */
publicPath: process.env.NODE_ENV === 'production' ? '/public/' : './',
/* 输出文件目次:在npm run build时,天生文件的目次称号 */
outputDir: 'dist',
/* 安排天生的静态资本 (js、css、img、fonts) 的 (相对于 outputDir 的) 目次 */
assetsDir: "assets",
/* 是不是在构建临盆包时天生 sourceMap 文件,false将进步构建速率 */
productionSourceMap: false,
/* 默许情况下,天生的静态资本在它们的文件名中包含了 hash 以便更好的掌握缓存,你能够经由过程将这个选项设为 false 来封闭文件名哈希。(false的时刻就是让本来的文件名不转变) */
filenameHashing: false,
/* 代码保留时举行eslint检测 */
lintOnSave: true,
/* webpack-dev-server 相干设置 */
devServer: {
/* 自动翻开浏览器 */
open: true,
/* 设置为0.0.0.0则一切的地点均能接见 */
host: '0.0.0.0',
port: 8066,
https: false,
hotOnly: false,
/* 运用代办 */
proxy: {
'/api': {
/* 目的代办服务器地点 */
target: 'http://47.100.47.3/',
/* 许可跨域 */
changeOrigin: true,
},
},
},
}
正在努力进修中,若对你的进修有协助,留下你的印记呗(点个赞咯^_^)