您的位置：首页 > Web前端 > BootStrap

webpack引入jquery以及bootstrap方法

2017-07-29 16:17 751 查看
安装jQuery

npm install jquery --save-dev


安装bootstrap

npm install bootstrap --save-dev


配置jQuery

由于 Bootstrap 依赖于 jQuery，所以在代码中 import jQuery from ‘jquery’ 是不够的，这只是解决了自己代码对 jQuery 的依赖，在此处使用了webpack.ProvidePlugin

解决方案：

在 webpack.base.conf.js 头部添加

var webpack = require('webpack')


在 entry 后边添加

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


引入bootstrap

在 main.js 中，加入如下代码

import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'


最终结果



源码地址

https://github.com/ProtosL/initdemo
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  vue webpack jquery bootstrap vue-cli
相关文章推荐
新的分享
章节导航