首页 > Web开发 > 详细

vue-cli项目引入jquery和bootstrap

时间:2019-03-31 20:50:10      阅读:145      评论:0      收藏:0      [点我收藏+]

1.安装插件

npm install jquery --save
npm install bootstrap --save
npm install popper.js --save

2.配置插件:

webpack.base.conf.js的module.exports里加入:

plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
],

3.main.js中添加:

import ‘jquery/dist/jquery.min.js‘
import ‘bootstrap/dist/css/bootstrap.min.css‘
import ‘bootstrap/dist/js/bootstrap.min.js‘
 
4.配置.eslintrc.js:
env: {
......
jquery: true
},
 
5.测试代码:
app.vue:
 
<script>
$(function () {
alert(‘234‘)
})

export default {
name: ‘App‘
}
</script>
 
 
 
 

 

vue-cli项目引入jquery和bootstrap

原文:https://www.cnblogs.com/cowboybusy/p/10633015.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!