webpack - 如何在html中传递webpack环境变量?

标签 webpack environment-variables

如何在处理时间内(而不是浏览器中的运行时)获取/访问webpack ENV变量? webpack.DefinePlugin(...)似乎在html文件中不起作用,我无法访问主要index.html中的ENV变量

有什么办法吗?

最佳答案

您可以使用html-webpack-plugin。您将必须使用.ejs或其他模板语言,然后再使用

new HtmlWebpackPlugin({
        template: './src/public/index.ejs',
        inject: 'body',
        environment: process.env.NODE_ENV
    }),

在index.ejs中
<body class="<%= htmlWebpackPlugin.options.environment %>">

关于webpack - 如何在html中传递webpack环境变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39902197/

相关文章:

environment-variables - 如何在TCL中打印所有环境变量?

javascript - 为什么webpack找不到loader

reactjs - 如何在 create-react-app 中注入(inject)没有 REACT_APP 前缀的 dotenv 变量?

python - 在 python 中以二进制形式访问系统输入

angular - Ionic 4 自定义环境文件

python - os.environ() 在设置 Hudson 时出错

php - 部署到 Elastic Beanstalk 时无法识别环境变量

visual-studio - 带有 Angular2 和 VS 2015 的 Webpack

webpack - 如何编码拆分 Webpack 4 中的两个条目之一?

ecmascript-6 - Angular 2 : No Directive annotation found on MyComponent