第一步: 安装插件
yarn 安装:
yarn add jquery 或者指定版本:yarn add jquery@1.12.4
yarn add bootstrap 或者指定版本:yarn add bootstrap@3.3.7
yarn add popper.js
npm 安装
npm install juqery --save
npm install bootstrap --save
npm install popper.js --save
第二步:配置webpack.base.conf.js
const webpack = require('webpack')
module.exports = {
configureWebpack: {
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
'window.jQuery': 'jquery',
Popper: ['popper.js', 'default']
})
]
}
}
第三步:在main.js添加
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap.min";
第四步可选(如果 eslint 报误,请设置 .eslintrc.js 文件)
module.exports = {
env: {
node: true,
jquery: true
}
};
当这几步配置完成后,就可以使用bootsrtap了。