>[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") ~~~