Typescript/Webpack 检查是否通过生产配置运行 [英] Typescript / Webpack check if running via Production config
问题描述
我正在使用 webpack、reactjs、typescript
.在我的 .tsx
代码中,我需要根据我的环境(即生产或开发)路由到 URL.那么,如何检查环境并动态加载正确的 URL?
I am using webpack, reactjs, typescript
. In my .tsx
code, I have a requirement where I need to route to URL depending upon my environment i.e. Production or Development. So, how can I check for the environment and load the correct URL dynamically ?
推荐答案
你可以添加一个插件来定义一个可以在代码中访问的环境变量,像这样:
You can add a plugin to define an environment variable that can be accessed within the code, like this:
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('production')
})
然后在您的代码中,您只需检查 process.env.NODE_ENV
.
And then inside your code you just have to check for process.env.NODE_ENV
.
不用说,您可以使用可以通过 cli 传递的环境变量来管理插件,如下所示:
Needless to say that you can manage the plugin with an environment variable that you can pass via cli, like this:
webpack --env.production
然后让你的 webpack.config.js
像这样:
And then have your webpack.config.js
with something like this:
module.exports = function(env) {
return {
/*[...]*/
plugins: [new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify(env.production ? 'production' : 'development')
})]
/*[...]*/
};
};
来源:这就是 react 的工作原理:-)
Source: That's how react works :-)
这篇关于Typescript/Webpack 检查是否通过生产配置运行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!