webpack初学者系列七：using 3rd party pa

• 安装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 建立了联系。 
    }) 
...
]