设置环境变量需要用到 webpack 提供的一个内置插件 DefinePlugin 插件，其作用是将一个字符串值设置为全局变量
plugins: [
new webpack.DefinePlugin({
DEV: JSON.stringify('production'), // 字符串
FLAG: 'true', // 布尔值
EXPRESSION: '1+1' // EXPRESSION为计算后的值
}),
]
这样配置之后任何一个模块中都可以直接使用 DEV_MODE 变量了，并且其值为'development',与 ProvidePlugin 有点相似，ProvidePlugin 是将一个模块注入到所有模块中，实现模块不需要引入即可直接使用
index.js
console.log(EXPRESSION)
image.png
设置环境变量需要用到 webpack 提供的一个内置插件 DefinePlugin 插件，其作用是将一个字符串值设...
系列博客链接 webpack4入门学习笔记(一) webpack4入门学习笔记(二) webpack4入门学习笔记...
系列博客链接 webpack4入门学习笔记(一) webpack4入门学习笔记(二) webpack4入门学习笔记...
系列博客链接 webpack4入门学习笔记(一) webpack4入门学习笔记(二) webpack4入门学习笔记...
这是一个关于Webpack4的文章系列，其中包含以下文章: Webpack4学习笔记（一）——基本使用 Webpa...
这是一个关于Webpack4的文章系列，其中包含以下文章: Webpack4学习笔记（一）——基本使用 Webpa...
1、配置环境变量（上一篇已详细图解）： （1）计算机右击-->属性-->高级系统设置-->-->环境变量-->新建...
1. noParse 该配置是作为 module 的一个属性值，即不去分析某个模块中的依赖关系，即不去管某个文件是...
样式处理1 样式处理2 2.1 抽离css样式 2.2 给css 加上浏览器前缀 还要在package.json上...
https://ke.qq.com/course/368629 基础篇 初始化项目，并安装本地的webpack w...
本文标题：webpack4个人学习详细笔记（12）-- 设置环境变量
本文链接：https://www.haomeiwen.com/subject/bqopphtx.html
网友评论