new webpack 的 DefinePlugin 与 ProvidePlugin

2021-05-18 18:33:42 阅读：248 来源： 互联网

标签：EVN js webpack 构建 BUILD new ProvidePlugin DefinePlugin

一、DefinePlugin
DefinePlugin 允许创建一个在编译时可以配置的全局常量。这可能会对开发模式和生产模式的构建允许不同的行为非常有用。如果在开发构建中，而不在发布构建中执行日志记录，则可以使用全局常量来决定是否记录日志。这就是 DefinePlugin 的用处，设置它，就可以忘记开发环境和生产环境构建的规则。

同时也可以用来区分环境变量，例如
我在build.js
DefinePlugin中加了
BUILD_EVN: JSON.stringify(true)
那我们对dev-server.js文件中原本不动的把build.js中的代码复制进去然后改成
BUILD_EVN: JSON.stringify(false)

这样代码中同样是使用BUILD_EVN 这个变量，但是可以在不同的环境有不同的行为。

二、ProvidePlugin

自动加载模块，而不必到处 import 或 require 。

 new webpack.ProvidePlugin({
    $: 'jquery',
     Vue: 'vue',
     Vuex: 'vuex',
     videojs: 'video.js',
     MD5: 'blueimp-md5',
     Cookies: 'js-cookie',
     MutationObserver: 'mutation-observer'
 })

标签：EVN,js,webpack,构建,BUILD,new,ProvidePlugin,DefinePlugin
来源： https://blog.csdn.net/Beth__hui/article/details/116997020

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

new webpack 的 DefinePlugin 与 ProvidePlugin