首页 > Web开发 > 详细

从零开始webpack4.x(六)全局变量引入

时间:2020-03-13 11:05:21      阅读:190      评论:0      收藏:0      [点我收藏+]

以jQuery的$为例

index.js

// import $ from ‘jquery‘;
// import $ from ‘expose-loader?$!jquery‘; 内联写法
// expose-loader 暴露 全局的loader normal 普通loader 内联loader 后置 postloader
// console.log(window.$);
console.log($); 

// 三种方法
// 1. expose-loader 暴露到window // 2. new webpack.ProvidePlugin({ $: ‘jquery‘ }) 给每个模块都注入一个$ // 3. 外部引入不打包 index.html引入外部jquery webpack配置文件中加上 externals: { jquery: jQuery } 打包文件体积会小很多 但是需要额外网络加载

 

从零开始webpack4.x(六)全局变量引入

原文:https://www.cnblogs.com/aisiqi-love/p/12484066.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!