`

[译]webpack官网文档 :指南 -- 19.使用环境变量

阅读更多

原创翻译,转载请注明出处。

原文地址:https://webpack.js.org/guides/environment-variables/

 

你可以使用环境变量,来消除webpack.config.js中开发编译和正式产品编译之间的设定差异。可以利用Node.js模块里的标准访问方式:在运行webpack时设定一个环境变量,使用process.env来指向变量。变量NODE_ENV是常用的事实上的标准。

webpack.config.js

module.exports = {
  plugins: [
    new webpack.optimize.UglifyJsPlugin({
+      compress: process.env.NODE_ENV === 'production'
    })
  ]
};

 

使用cross-env包来设定平台有效的环境变量:

package.json

{
  "scripts":{
    "build":"cross-env NODE_ENV=production PLATFORM=web webpack"
  }
}

 

参考

 https://blog.flennik.com/the-fine-art-of-the-webpack-2-config-dc4d19d7f172#.297u8iuz1

 

-- End --

0
0
分享到:
评论

相关推荐

    webpack5 文档资料

    10. **环境变量**:Webpack 支持通过 `process.env` 访问环境变量,这在开发和生产环境中很有用。可以使用 `dotenv` 插件和 `DefinePlugin` 来管理这些变量。 11. **TypeScript 支持**:Webpack 5 可以与 ...

    轻松搞定ExtJS.pdf

    - **下载**: 通过官方网站或其他可信源下载最新版本的ExtJS框架。 - **环境部署**: - 需要一个支持JavaScript的现代浏览器。 - 可选地安装Node.js或Webpack来构建项目。 - **SPKET IDE**: 一个专门用于开发ExtJS...

    javascript 编程宝典

    JavaScript编程宝典是一本深入浅出的编程指南,旨在帮助读者掌握JavaScript这门强大的脚本语言。这本书分为38个章节,每个章节都涵盖了JavaScript的一个关键概念或实用技术,确保内容全面且深入。 1. **JavaScript...

    专案19

    8. **前端构建工具**:Webpack和Babel是常用的前端构建工具,它们可以打包和转换JavaScript代码,使其适应不同的环境和浏览器兼容性需求。 9. **单元测试**:使用Mocha、Jest等工具进行单元测试,确保代码的质量和...

    Webapp_spring2021_Covid_Center

    5. **配置文件**:可能包含配置文件,如设置环境变量、数据库连接信息等,用于不同环境下的部署。 6. **脚本和构建工具**:如Webpack、Gulp或Grunt,用于自动化构建过程,包括代码编译、压缩、合并等。 7. **文档*...

Global site tag (gtag.js) - Google Analytics