Vue-cli3项目配置Vue.config.js实战记录

Vue-cli3搭建的项目界面想对之前较为简洁

之前的建设和配置文件夹不见了，那么应该如何配置如工具等的配那只需要在项目的根目录下vue.config.js文件（是根目录，不是科学研究委员会目录

语法

module.exports={ //基本路径baseUrl: '/'，//输出文件目录outputDir: 'dist '，//eslit-loader是否在保存的时候检查lintOnSave: true，//使用浏览器内编译器的完整版本？//https://vuejs。org/v2/指南/安装。html # Runtime-Compiler-vs-Runtime-only编译器： false，//webpack配置//请参见https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md链网包： ()={},配置网包： ()={}，//vue-loader配置项//https://vue-loader . vuejs . org/en/options . html vueloader : { }，//生产环境是否生成sourceMap文件productionSourceMap: true，//css相关配置css: { //是否使用钢性铸铁分离插件ExtractTextPlugin extract: true，//开启半铸钢钢性铸铁(Cast Semi-Steel)源图？sourceMap: false，//css预设器配置项loaderOptions: { }，//启用所有css /预处理器文件的半铸钢钢性铸铁(Cast Semi-Steel)模块modules: false }，//如果机器有一个以上的内核需要并行：(' OS ')，则在生产构建中为巴别塔TS使用线程加载器//默认启用中央处理器().长度1,//是否启用dll /参见https://github。com/vue js/vue-CLI/blob/dev/docs/CLI-service。MD # dll-模式dll :假，//PWA插件相关配置//参见https://github。com/vue js/vue-CLI/tree/dev/packages/@ vue/CLI-plugin-pwa pwa : { }，//webpack-dev-server相关配置devserver : {打开：进程。platform==' Darwin '，host: '0.0.0 '，port: 8080，https: false，hotOnly: false，proxy: null，//设置代理before: app={} }，//第三方插件配置pluginOptions: { //.}}举例

上图内容做了两块内容，经测试没有问题

1.将启动端口设置为8080

2.设置路径别名

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对我们的支持。