原创翻译,转载请注明出处。
原文地址: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 --
相关推荐
10. **环境变量**:Webpack 支持通过 `process.env` 访问环境变量,这在开发和生产环境中很有用。可以使用 `dotenv` 插件和 `DefinePlugin` 来管理这些变量。 11. **TypeScript 支持**:Webpack 5 可以与 ...
- **下载**: 通过官方网站或其他可信源下载最新版本的ExtJS框架。 - **环境部署**: - 需要一个支持JavaScript的现代浏览器。 - 可选地安装Node.js或Webpack来构建项目。 - **SPKET IDE**: 一个专门用于开发ExtJS...
JavaScript编程宝典是一本深入浅出的编程指南,旨在帮助读者掌握JavaScript这门强大的脚本语言。这本书分为38个章节,每个章节都涵盖了JavaScript的一个关键概念或实用技术,确保内容全面且深入。 1. **JavaScript...
8. **前端构建工具**:Webpack和Babel是常用的前端构建工具,它们可以打包和转换JavaScript代码,使其适应不同的环境和浏览器兼容性需求。 9. **单元测试**:使用Mocha、Jest等工具进行单元测试,确保代码的质量和...
5. **配置文件**:可能包含配置文件,如设置环境变量、数据库连接信息等,用于不同环境下的部署。 6. **脚本和构建工具**:如Webpack、Gulp或Grunt,用于自动化构建过程,包括代码编译、压缩、合并等。 7. **文档*...