作者:zws3504075 | 来源:互联网 | 2022-03-23 18:28
这篇文章主要给大家介绍了关于Vue-cli3项目配置Vue.config.js的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
Vue-cli3 搭建的项目 界面想对之前较为简洁

之前的build和config文件夹不见了,那么应该如何配置 如webpack等的配那只需要在项目的根目录下vue.config.js
文件(是根目录,不是src目录
语法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | module.exports = {
baseUrl: '/' ,
outputDir: 'dist' ,
lintOnSave: true ,
compiler: false ,
chainWebpack: () => {},
configureWebpack: () => {},
vueLoader: {},
productionSourceMap: true ,
css: {
extract: true ,
sourceMap: false ,
loaderOptions: {},
modules: false
},
parallel: require( 'os' ).cpus().length > 1,
dll: false ,
pwa: {},
devServer: {
open: process.platform === 'darwin' ,
host: '0.0.0.0' ,
port: 8080,
https: false ,
hotOnly: false ,
proxy: null ,
before: app => {}
},
pluginOptions: {
}
}
|
举例

上图内容做了两块内容,经测试没有问题
1.将启动端口设置为 8080
2.设置路径别名
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。