`

[译]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
分享到:
评论

相关推荐

    webpack-使用webpack-dev-server.rar

    Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。它在开发过程中将各种资源(如 JavaScript、CSS、图片等)视为模块,并根据依赖关系进行编译和打包。`webpack-dev-server` 是 Webpack 提供的一个本地...

    webpack-dev-server-demo.zip

    Webpack 是一个现代JavaScript应用程序的静态模块打包工具。它在开发过程中扮演着重要角色,通过将各种资源(如JavaScript、CSS、图片等)打包成优化过的单一文件,来提高应用的加载速度和性能。Webpack-dev-server ...

    webpack-使用webpack-dev-middleware.rar

    `webpack-dev-middleware` 是 Webpack 提供的一个中间件,用于集成到 Node.js 的服务器环境中,实现快速、热更新的开发环境。 在 Web 开发过程中,频繁地手动刷新浏览器来查看代码改动既耗时又低效。`webpack-dev-...

    Python库 | webpack-s3-2019.8.30.tar.gz

    资源分类:Python库 所属语言:Python 资源全名:webpack-s3-2019.8.30.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    Full_Webpack-45.4.2608-IT310_Full_Webpack.exe

    Full_Webpack-45.4.2608-IT310_Full_Webpack.exe

    PyPI 官网下载 | django-webpack-loader-0.1.2.tar.gz

    **PyPI 官网下载 | django-webpack-loader-0.1.2.tar.gz** 在Python的世界里,`PyPI`(Python Package Index)是官方的第三方软件包仓库,它为Python开发者提供了一个集中化的地方来发布、查找和安装软件包。本资源`...

    webpack-cdn-plugin-master.rar

    同时,你还可以根据需要自定义上传策略,比如只上传更改过的文件,或者在开发环境中使用本地路径,而在生产环境中使用 CDN。 总结来说,`webpack-cdn-plugin` 是 Webpack 生态中一个非常实用的工具,它可以帮助...

    Python库 | django_webpack4_loader-0.0.2-py2.py3-none-any.whl

    资源分类:Python库 所属语言:Python 使用前提:需要解压 资源全名:django_webpack4_loader-0.0.2-py2.py3-none-any.whl 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    webpack-plugin-hash-output-master.rar

    4. `README.md`: 提供项目介绍、安装和使用方法的文档。 5. `test/`: 可能包含测试用例和配置,用于验证插件功能的正确性。 Webpack 插件的工作原理是基于 Webpack 的生命周期钩子(Hooks)。在 Webpack 构建过程中...

    vue init webpack 依赖的webpack包

    解决vue-cli · Failed to download repo vuejs-templates/...使用方法: 1、将webpack放到C:\Users\admin\.vue-templates\webpack下面,admin是当前登录用户名 2、执行vue init webpack your_vue_app --offline即可

    02.webpack-base_webpackSetting.rar

    Webpack 是一个流行的模块打包工具,尤其在开发 React 应用时不可或缺。`02.webpack-base_webpackSetting.rar` 文件包含的资源详细介绍了如何配置 Webpack 以支持 React 开发。下面将深入探讨 Webpack 配置的关键点...

    copy-webpack-plugin-demo.rar

    copy-webpack-plugin-demo.rar 拷贝文件demo, 现成案例,可以参考使用 免积分下载地址 https://download.lllomh.com/cliect/#/product/JB23148366892270

    Python库 | django_webpack_bundle-1.0.1-py2.py3-none-any.whl

    4. **Django_webpack_bundle**: 这是Django和Webpack之间的桥梁,它允许开发者在Django项目中使用Webpack来管理和打包前端资源。通过这个库,你可以利用Webpack的强大功能,如代码分割、热模块替换等,同时保持...

    webpack-url-loader-master.

    Webpack 是一个流行的模块打包工具,它能够将 JavaScript、CSS、图片等资源文件转换并整合到一个或多个可部署的静态资源文件中。在 Webpack 的生态中,Loader 和 Plugins 是两个核心概念,它们分别用于处理不同类型...

    next-missing-terser-webpack-plugin-dep-源码.rar

    Next.js默认集成了Webpack,并且会根据生产环境配置相应的优化选项,包括使用Terser插件。然而,在某些情况下,如自定义Webpack配置或者Next.js版本更新,可能会导致Terser插件未正确配置或缺失。`next-missing-...

    HPEasyStart-13.6.5-DJ3700-40-16-1234-1-Webpack

    惠普打印机驱动 HP3778

    PyPI 官网下载 | django_webpack_bundle-1.0.1-py2.py3-none-any.whl

    资源来自pypi官网。 资源全名:django_webpack_bundle-1.0.1-py2.py3-none-any.whl

    前端开源库-set-webpack-public-path-loader

    4. **运行Webpack**:现在,当你运行Webpack时,`set-webpack-public-path-loader`会读取这个环境变量,并自动将`output.publicPath`设置为该值。这样,无论你在哪里部署应用,只要环境变量正确,Webpack就能找到...

Global site tag (gtag.js) - Google Analytics