用vue-cli构建好项目之后,怎么引入jquery?
首先,在package.json的dependencies添加jqury以及其版本:
如下:
"dependencies": {
"jquery": "^2.2.1"
},
然后在build文件夹下的webpack.base.config.js文件中先引入webapck:
var webpack=require("webpack")
接着再module.exports对象的最下面添加以下内容:
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
接着在main.js中全局引入jquery:
import $ from 'jquery'
之后在页面用$就不用在单独引入了。
最后运行命令:
npm install --save jquery