- 安装jquery
npm install --save jquery
- 在app.js 中使用jquery的语法
image.png
- 运行报错
image.png
- 查看bundle.js
image.png
在查看bundle.js的内容时，我们会看到bundle.js 有包含jquery的代码，然而我们却不能使用它。
- 为什么？
虽然jquery被添加到了bundle里，但是webpack 没有创建jquery和我们的代码之间的联系。 - 怎么改？
//webpack.config.js
...
var webpack=require('webpack');
...
pulgins:[
new webpack.ProvidePlugin({
$:'jquery',
jQuery:'jquery'
// 在这里，我们可以将我们在代码里用到的 variables or functions or objects 匹配到实际提供这些功能的package. 在这里，我们将我们的代码和 jquery 建立了联系。
})
...
]
网友评论