vue-cli中如何引入基于jQuery的插件

在vue-cli的項(xiàng)目中要引入基于jQuery的插件，那么首先要引入jQuery，因此引發(fā)兩個(gè)問(wèn)題：

首先，怎么引入jQuery？
查了一些資料，步驟是這樣的：
（1）首先在package.json中加入jQuery依賴(lài)，然后npm install jQuery --save安裝依賴(lài)；
（2）在build文件夾下找到webpack.base.conf.js文件，添加var webpack=require('webpack')，然后在module.exports里輸入：
```
  plugins: [ 
         new webpack.ProvidePlugin({ 
               $:"jquery", 
               jQuery:"jquery", 
              "windows.jQuery":"jquery"
      }) 
    ],           
```
（3）在入口文件main.js中輸入：import $ from 'jquery'引入jQuery就可以全局使用了；

這里引發(fā)的一個(gè)問(wèn)題是現(xiàn)在webpack vue-cli生成的項(xiàng)目中，build里面的webpack配置分成了
webpack.base.conf.js
webpack.dev.conf.js
webpack.prod.conf.js
三個(gè)文件，看到插件plugins的引入是梵高了dev和prod中了，所以現(xiàn)在要再使用jQuery的話(huà)，（2）中的代碼是要放到哪個(gè)conf.js文件中呢？
第二個(gè)問(wèn)題，引入jQuery后，基于jQuery的插件應(yīng)該怎么在項(xiàng)目中引用呢（這里用到的jQuery插件又分為可以通過(guò)npm安裝和不能通過(guò)npm安裝兩種情況）？

求大神解答一下，萬(wàn)分感謝~

回答

編輯回答

涼心人

一樣的，在webpack.base.conf.js 中的module.exports中

plugins:[
        ///引入第三方j(luò)s庫(kù)
        new webpack.ProvidePlugin({
                jQuery: "jquery",
                $: "jquery"
        })
  ],

完成了上面的操作之后，要在組件中使用第三方j(luò)s插件，只需要在組件中import 就可以了

2017年12月2日 04:27

編輯回答

陪我終

1.放在webpack.base.conf.js中，這個(gè)是基礎(chǔ)配置文件

2.js文件的引用可以在index.html的頭部使用script標(biāo)簽引入...

2017年8月13日 05:05

編輯回答

葬愛(ài)

引入jQuery：
現(xiàn)在通過(guò)webpack vue-cli生成的vue項(xiàng)目中，build下面會(huì)生成三個(gè)conf文件：
webpack.base.conf.js
webpack.dev.conf.js
webpack.prod.conf.js
項(xiàng)目中要引入的插件寫(xiě)在dev.conf.js中，prod.conf.js應(yīng)該是生產(chǎn)環(huán)境的，如果上線后還要用的話(huà)應(yīng)該也要寫(xiě)，在兩個(gè)文件中的plugins數(shù)組中寫(xiě)入：
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
}),
然后再main.js中引入jquery：
import $ from 'jquery'
到這里引入jquery就成功了，就可以全局使用了。

2018年1月3日 16:30