怎么在Vue-cli3项目中配置Vue.config.js

　　介绍

今天就跟大家聊聊有关怎么在Vue-cli3项目中配置Vue.config。js,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

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

怎么在Vue-cli3项目中配置Vue.config。js

之前的构建和配置文件夹不见了,那么应该如何配置如webpack等的配那只需要在项目的根目录下vue.config。js
文件(是根目录,不是src目录

<>强语法

module.exports =, { 　　,//基本路径 　　,baseUrl: & # 39;/& # 39; 　　,//输出文件目录 　　,outputDir: & # 39;经销# 39; 　　,//eslint-loader 是否在保存的时候检查 　　,lintOnSave:没错, 　　,//use 从而full  build  with  in-browser 编译器吗? 　　,//https://vuejs.org/v2/guide/installation.html Runtime-Compiler-vs-Runtime-only 　　,编译器:假的, 　　,//webpack配置 　　,//阅读https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md 　　,chainWebpack:(),=祝辞,{}, 　　,configureWebpack:(),=祝辞,{}, 　　,//vue-loader 配置项 　　,//https://vue-loader.vuejs.org/en/options.html 　　,vueLoader: {}, 　　,//生产环境是否生成,sourceMap 文件 　　,productionSourceMap:没错, 　　,//css相关配置 　　,css: { 　　,//是否使用css分离插件,ExtractTextPlugin 　　,提取:没错, 　　,//开启,CSS  source 地图吗? 　　,sourceMap:假的, 　　,//css预设器配置项 　　,loaderOptions: {}, 　　,//启用,CSS  modules  for  all  CSS /, pre-processor 文件。 　　,模块:假的 　　}, 　　,//use  thread-loader  for  babel ,, TS 拷贝production 构建 　　,//enabled  by  default  if 从而machine  has  more  than  1,内核 　　,并行:要求(& # 39;操作系统# 39;).cpus () .length 祝辞,1, 　　,//是否启用dll 　　,//阅读https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md dll-mode 　　,dll:假的, 　　,//PWA 插件相关配置 　　,//阅读https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa 　　,pwa: {}, 　　,//webpack-dev-server 相关配置 　　,devServer: { 　　,开放:process.platform ===, & # 39;达尔文# 39; 　　主持人:大敌;& # 39;0.0.0.0 # 39; 　　8080年,端口: 　　,https:假的, 　　,紧随:假的, 　　,代理:空,,//,设置代理 　　,:app =祝辞,{} 　　}, 　　,//第三方插件配置 　　,pluginOptions: { 　　,//? 　　,} 　　}

<>强举例

怎么在Vue-cli3项目中配置Vue.config.js

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

1。将启动端口设置为8080

2。设置路径别名

看完上述内容,你们对怎么在Vue-cli3项目中配置Vue.config.js有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。

怎么在Vue-cli3项目中配置Vue.config.js