>[success] # Webpack DefinePlugin 注入全局成员 ~~~ 1.在项经常有一个场景需要我们对一些全局通用的变量进行注册，例如有一个全局的base_url 可以利用Webpack 全局提供 2.DefinePlugin为代码注入全局成员，production模式下默认启动并插入process.env_NODE_ENV常量 ~~~ ~~~ // 单独使用需要引入webpack插件 const webpack = require('webpack') module.exports = { mode: 'none', entry: './src/main.js', output: { filename: 'bundle.js' }, plugins: [ // 键值会被注入代码中 作用 注入动态变化值 new webpack.DefinePlugin({ // 值要求的是一个代码片段 JS代码 或者js字符串表现形式"'https://api.example.com'" API_BASE_URL: JSON.stringify('https://api.example.com') }) ] } ~~~ * 使用 ~~~ // src/main.js console.log(API_BASE_URL) // console.log("https://api.example.com") ~~~