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

JavaScript08

在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