码迷,mamicode.com
首页 > Web开发 > 详细

完整成功版vue-cli引入jquery bootstrap popper.js

时间:2018-09-05 09:13:13      阅读:288      评论:0      收藏:0      [点我收藏+]

标签:文件   pop   imp   default   tst   css   optimize   文件夹   npm   

第一步:在项目文件夹中

1,用npm或者cnpm安装 jquery bootstrap popper.js

例如:cnpm i jquery -S (注意是大S 才能保存在package.json文件中)

2,注意观察package.json文件里 要有类似这三项

"bootstrap": "^4.1.3",
"jquery": "^3.3.1",
"popper.js": "^1.14.4",

第二步:

在build文件夹下webpack.base.conf.js文件中修改配置:

1,添加:         const webpack = require(‘webpack‘);

2,在module.exports里面添加plugins

module.exports = {
plugins: [
new webpack.optimize.CommonsChunkPlugin(‘common‘),
new webpack.ProvidePlugin({
$: ‘jquery‘,
jQuery: ‘jquery‘,
Popper: [‘popper.js‘, ‘default‘]
})
],
第三步:在main.js中引入如下文件
import $ from ‘jquery‘
import ‘bootstrap/dist/css/bootstrap.min.css‘
import ‘bootstrap/dist/js/bootstrap.min‘
 
接下来就可以使用bootstrap的class样式名了

完整成功版vue-cli引入jquery bootstrap popper.js

标签:文件   pop   imp   default   tst   css   optimize   文件夹   npm   

原文地址:https://www.cnblogs.com/zyyweb/p/9589447.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!