(1) 引入Jquery npm install jquery --save-dev
(2) 修改build->webpack.base.conf.js
a 引入webpack对象: const webpack=require("webpack")
b 在module.exports尾部中加入
plugins: [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"windows.jQuery":"jquery"
})
]
c 在入口文件main.js中加入:import jquery from 'jquery'
(3) 引入boostrap
a 修改webpack.base.conf.js文件:
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'assets': path.resolve(__dirname, '../src/assets'),
'jquery': "jquery/src/jquery"
}
b assets文件中拷贝boostrap的文件
c 在入口文件main.js中加入:
import './assets/css/bootstrap.min.css' import './assets/js/bootstrap.min'