webpack系统环境变量怎么配置

在webpack中配置系统环境变量可以使用`DefinePlugin`插件，该插件可以将配置的变量注入到代码中。以下是配置步骤：

1. 在webpack配置文件中引入`webpack`和`webpack.DefinePlugin`插件

const webpack = require('webpack');

2. 在webpack配置文件中添加`DefinePlugin`插件

module.exports = {
  plugins: [
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
      'process.env.API_URL': JSON.stringify('http://api.example.com'),
    })
  ]
}

3. 在代码中使用环境变量

console.log(process.env.NODE_ENV);
console.log(process.env.API_URL);

注意：`JSON.stringify`是必须的，因为`DefinePlugin`插件会将变量注入到代码中，如果不加上`JSON.stringify`，则变量会被当成变量名而不是字符串。