1.执行安装jquery依赖包命令安装依赖包
cnpm install jquery --save
2.webpack配置
1).在项目根目录下的build目录下找到webpack.base.conf.js文件,在开头使用以下代码引入webpack,因为该文件默认没有引用
var webpack = require('webpack')
(2)然后在module.exports中添加一段代码,
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
3.在main.js里导入jQuery
import jquery from 'jquery'
window.$ = window.jQuery = jquery
4.配置完成,启动项目
npm run dev 或 npm run serve
注:如果项目中引用了.eslintrc.js文件,还需要在文件的module.exports中,为env添加一个键值对 jquery: true
env: {
// 原有
browser: true,
// 添加
jquery: true
}
然后启动项目即可。