vue 引入jQuery的方法
分为五步:
1.cnpm install jquery --save-dev
2.找到build/webpack.base.conf.js
在开头引入webpack,后面的plugins那里需要var webpack =require('webpack')
3.module.exports = {
// 其他代码...
resolve: {extensions: ['','.js','.vue'],
fallback: [path.join(__dirname,'../node_modules')],
alias: {
'src': path.resolve(__dirname,'../src'),
'assets': {
path.resolve(__dirname,'../src/assets'),
'components': path.resolve(__dirname,'../src/components'),
// webpack 使用 jQuery,如果是自行下载的
// 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),
// 如果使用NPM安装的jQuery
'jquery':'jquery'
}
},
4.然后在module同级添加:
plugins:[ new webpack.ProvidePlugin({ $:"jquery",jQuery:"jquery","window.jQuery":"jquery"}) ]
5.最后main.js
import $ from 'jquery'
ru
另外,如果想全局引入bootstrap等,那么在入口文件main.js中
cnpm install bootstrap --save-dev
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'