在vue.config.js文件中什么配置公共打包路径

JavaScript011

在vue.config.js文件中什么配置公共打包路径,第1张

1在项目中找到static文件夹，在里面创建一个配置文件，起名为config.js

如果不清楚项目结构的可以看一下前面我写的Vue项目目录结构说明与配置

2.然后在创建的config.js配置文件中，声明一个对象Glob，将它赋值给window，对象名字随便取，只要不占用关键字即可，对象中存放你所需要配置的各种路径和数据，如下：

这里说明下，赋值给window，在vue里面获取不到window对象。所以不要赋值给window，直接定义个常量就好。

3.将此配置文件在index.html 文件中引入

4.使用。到这里相信会一点js基础知识的同学都知道怎么在项目中使用我们配置的数据，没错就是 Glob,比如我们要配置axios请求路径如下：不清楚怎么配置的同学可以看一下前面我写的vue axios请求 配置

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。

在根目录中创建  vue.config.js

这个文件应该导出一个包含了选项的对象：

publicPath 

把开发服务器架设在根路径，可以使用一个条件式的值：

outputDir

assetsDir

indexPath

filenameHashing

pages

其值应该是一个对象，对象的 key 是入口的名字，value 是：

lintOnSave

runtimeCompiler

transpileDependencies

productionSourceMap

crossorigin

integrity

Webpack相关配置

configureWebpack

chainWebpack

css.modules

css.extract

css.sourceMap

css.loaderOptions

支持的 loader 有：

devServer

devServer.proxy

parallel

pwa

pluginOptions