vue怎么使用 webpack.config.js 里配置的常量
时间: 2023-06-05 13:04:59 浏览: 268
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
对于您的问题,我可以给出以下答案:
您可以使用 DefinePlugin 来定义常量,在 webpack.config.js 中配置。该插件将定义的常量注入到编译过程中的代码中。具体地,您可以这样做:
在 webpack.config.js 中添加以下代码:
```javascript
const webpack = require('webpack')
module.exports = {
// ...其他配置
plugins: [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify('production')
},
MY_CONST: JSON.stringify('my value')
})
]
}
```
这里定义了两个常量:`NODE_ENV` 和 `MY_CONST`。`NODE_ENV` 是一个默认由 webpack 定义的环境变量,它的值可以是 `development`、`production` 或其他。`MY_CONST` 则是我们自定义的常量,它的值为 `'my value'`。
在您的代码中,可以使用这些常量:
```javascript
console.log(process.env.NODE_ENV) // 打印 'production'
console.log(MY_CONST) // 打印 'my value'
```
希望这个回答能够解决您的问题。
阅读全文