1、局部引入
通过命令下载jquery
npm install jquery --save-dev
在需要引入jquery的组件中通过import $ from 'jquery'
引入即可
2、全局引入
通过命令下载
jquery npm install jquery --save-dev
方法一
在项目目录下build下的webpack.base.conf.js
文件头部加入
var webpack = require('webpack')
并在module.exports
的尾部加入
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
重启服务npm run dev
生效
方法二
在项目目录下build下的webpack.base.conf.js
文件头部加入
var webpack = require('webpack')
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$':"vue/dist/vue.esm.js",
'@': resolve('src'),
'jquery':'jquery'
}
},
plugins:[
new webpack.ProvidePlugin({
jQuery:"jquery",
$:"jquery"
})
],
重启服务 npm run dev
生效
网友评论