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

以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 } 打包文件体积会小很多 但是需要额外网络加载

 

posted @ 2020-03-13 01:16  前端小厨-美食博主  阅读(539)  评论(2编辑  收藏  举报