1. 程式人生 > >學習vue-cli時需要引入外部js庫檔案(如jquery)的問題,百度後解決了,再次備忘一下

學習vue-cli時需要引入外部js庫檔案(如jquery)的問題,百度後解決了,再次備忘一下

原文連結:http://www.cnblogs.com/pandabunny/p/5417938.html

感謝這位哥們兒的無私分享

在vue-cli 生成的工程中引入jquery,記錄一下。(模板用的webpack)

首先在package.json裡的dependencies加入"jquery" : "^2.2.3",然後install

在webpack.base.conf.js里加入

var webpack = require("webpack")

在module.exports的最後加入

plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]

然後一定要重新 run dev

在main.js 引入就ok了import $ from 'jquery'