定义全局配置文件
定义一个全局的配置文件,主要用于解决 build 后配置文件变更后的快速更改,减少因配置文件变更而导致的二次 build 问题,也可以用于引入全局 js。
前置条件:通用于脚手架搭建的项目(例如 vue-cli、各类开源后管系统等)
如有报错等原因,建议检查 vue.config.js 的配置信息 lintOnSave 是否为 false ,或 webpack 文件的配置的校验。
使用该方法打包后的文件夹内会有一个 config.js 文件,可以进行快速变更配置处理。
- 于 public 文件夹内创建 js 文件,文件名可自定义
// public/config.js
let config = {
baseUrl: "api",
};
- 于 public 文件夹内的 index.html 内引入 js
<script src="<%= BASE_URL %>config.js"></script>
- 项目内引用
config.baseUrl;
console.log("baseUrl===>", config.baseUrl); // 输出内容:api
Powered by Waline v2.15.8