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的代码了。