webpack 如何设置全局变量

问题描述

问 题

例如我的很多JS文件都有用Ajax请求接口，接口的域名是一样的，想要把域名设置成全局变量

解决方案

webpack 主要是做模块化 每个js文件就是封闭的一个作用域，第一个方法你可以创建一个公共模块，把变量放在里面引入，但是每次需要都得手动import ，第二个我用的是直接挂到window 下的 比较粗暴。。。

---

刚看有更新了 我建议是创建一个公共模块 然后谁需要谁提取

引入的话也可以用ES6 的解构赋值

import {port} from '@/common'

我的'@'是在alias里设置的静态公共资源目录别名

---

朋友，刚刚用DefinePlugin试了一下，是可以进行设置全局变量的 但是注意的一个就是他是变量替换 比如dev_port: 'b' 那调用时dev_port <=> b 你要定义为字符串得写成dev_port: '"b"'。

定义

调用

这篇关于webpack 如何设置全局变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！