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