为了账号安全,请及时绑定邮箱和手机立即绑定

在webpack中传递环境因变量

在webpack中传递环境因变量

MYYA 2019-07-22 12:12:05
在webpack中传递环境因变量我正在尝试将一个角度很大的应用程序从GUP转换为WebPack。在GULP中,根据node_env的不同,我使用glp预处理来替换html页面中的一些变量(例如数据库名)。用WebPack实现类似结果的最佳方法是什么?
查看完整描述

3 回答

?
牧羊人nacy

TA贡献1862条经验 获得超7个赞

实现这一目标有两种基本方法。

DefinePlugin

new webpack.DefinePlugin({
    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')}),

请注意,这将只替换匹配的“原样”。这就是为什么字符串采用它的格式。你可以有一个更复杂的结构,比如一个物体,但是你明白了。

环境插件

new webpack.EnvironmentPlugin(['NODE_ENV'])

EnvironmentPlugin使用DefinePlugin内部,并将环境值映射为代码。简洁的语法。

化名

或者,您可以通过别名模块..从消费者的角度来看,它应该是这样的:

var config = require('config');

配置本身可以如下所示:

resolve: {
    alias: {
        config: path.join(__dirname, 'config', process.env.NODE_ENV)
    }}

比方说process.env.NODE_ENVdevelopment..它会映射到./config/development.js然后。它映射到的模块可以像这样导出配置:

module.exports = {
    testing: 'something',
    ...};



查看完整回答
反对 回复 2019-07-23
?
慕的地8271018

TA贡献1796条经验 获得超4个赞

只是另一个选项,如果您只想使用cli接口,只需使用define可供选择的网页包。我在我的package.json :

"build-production": "webpack -p --define process.env.NODE_ENV='\"production\"' --progress --colors"

所以我只能跑了npm run build-production.


查看完整回答
反对 回复 2019-07-23
  • 3 回答
  • 0 关注
  • 473 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信