webpack中配置jquery暴露全局（expose-loader）

• 目录

  源代码

  普通引入

  内联loader使用

  webpack配置全部暴露jquery

  cdn配置

  如何避免引入第三方模块

  最终代码

  ---

• 源代码

链接：https://pan.baidu.com/s/1i45-_KqAgza4qNQfxKvAvQ 
提取码：0tgx

• 普通引入

1、在a.js中添加，npm run dev

var $ = require("jquery");
console.log('$,',$)
console.log('window.$,',window.$)

2、浏览器效果

3、（全局暴露）安装依赖

• 内联loader使用

// var $ from "jquery";
// var $ = require("jquery");
var $ = require("expose-loader?$!jquery");
console.log('$,',$)
// expore-loader 暴露 全局的loader 内联的loader
// loader[pre:前面执行的loader,normal:普通的loader,liader:内联的loader,postloader:后置loader]
// 问:什么叫做内联的loader?
// 答:var $ = require("expose-loader?$!jquery");希望把jquery暴露出去,暴露为"$",暴露给全局上
console.log('内联window.$,',window.$) 

效果图