webpack学习(三)

前篇:webpack学习(二)

jquery不需要在项目中自己下载,而是作为一个模块引入。jquery的存放路径是在 node_modules目录下。
1.首先给项目安装jquery,npm install jquery --save-dev
2.插件项里面多了一项:

new webpack.ProvidePlugin({// 全局依赖jQuery,不需要import了
$ : "jquery",
jQuery : "jquery",
"window.jQuery" : "jquery"
})

webpack在前面声明过:var webpack = require("webpack");ProvidePlugin不需要额外安装。
3.在项目自己编写的js如a.js中不需要引入,直接使用$。
4.最后打包的时候发现,最后压缩的a.js里面已经包含jquery的代码了。

原文地址:https://www.cnblogs.com/xiaochongchong/p/5977538.html