用vue-cli腳手架工具構(gòu)建項目成功后 當需要引入Jquery,可用以下方法:
1.首先在package.json里的dependencies加入"jquery" : "^3.2.1",
"dependencies": {
"jquery" : "^3.2.1",
"vue": "^2.5.2",
"vue-router": "^3.0.1"
},
2.在終端里輸入npm install jquery --save-dev 當然用 淘寶鏡像 cnpm 也是可以的
注意:jquery 一定要小寫 不然會提示 Please use 'jquery' (all lowercase)
3. 找到build文件夾下的webpack.base.conf.js文件,打開,添加:
var webpack=require('webpack')
4. 在module.exports里輸入:
plugins: [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"windows.jQuery":"jquery"
})
],
5. 在終端輸入 npm run dev 就ok了
