webpack + vue 打包生成公共配置文件(域名) 方便动态修改,不用重复打包

需求:

        原来的项目中域名是打包到项目里面的,打包后不能动态配置,只能通过不同的指令打包来切换域名,每天都在测试域名和正式域名来回摩擦,后台大佬说你们可以生成一个配置文件这样就不用频繁打包了直接修改配置文件就好.

方法一:

        vue中有一个存放外部资源的文件夹static,它里面的文件是不会被打包编译的,所以我们就可以利用外部引入js的方式将我们的想要的数据在index.html中以js文件的方式引入,然后就可以全局使用。

        此方法亲测有效!!!!

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

┌── build 
├── config 
├── node_modules                    
├── src     
├── static  
│   ├── config.js  // 配置文件
│               
├── index.html: 

2、然后在创建的config.js配置文件中,声明一个全局Windows对象Glob

/**
 * vue 打包生成配置文件,方便外部修改公共路径,不用每次都进行打包部署
 */
window.Glob = {
    BaseUrl:'http://39.99.202.195'
}

3、将此配置文件在index.html 文件中引入(注意:引用的路径)

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值