记-vue vue.config.js 配置webpack全局变量

本文介绍了如何在Vue CLI3项目中配置全局变量,通过创建vue.config.js文件并利用webpack的process.env变量,从package.json读取并设置自定义参数。详细讲述了配置过程,并给出了具体配置示例。
摘要由CSDN通过智能技术生成

缘起

vue-cli3 以来 是不会 暴露 webpack.config.js 的 需要我们手动来配置
因为近期 接手的一个项目 我需要从 package.josn 拿参数 然后 在其他 js文件拿到配置

  • 大致步骤如下:
  1. 项目根目录 创建文件 vue.config.js
  2. 添加配置 =》 配置全局变量
  3. 其他js 拿到全局变量
  • 配置大致和 webpack 差不多

for example

我们通过 process 来获取参数

  • process.env config 参数
  • process.env 自定义参数 参数
VUE 平台配置内容

我们在这里的 配置都会被合并到 配置文件中 use webpack-merge

  • 我们当前 需求使用chainWebpack

类似这样

// vue.config.js
module.exports = 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值