vue引入bootstrap、jquery
2024-10-11 00:40:09
在进行vue的学习,项目中需要引入bootstrap、jquery的步骤。
一、引入jQuery
在当前项目的目录下(就是package.json),运行命令 cnpm install jquery --save-dev 这样就将jquery安装到了这个项目中。
然后修改webpack.base.conf.js(在build文件下)两个地方:
1:加入
var webpack=require('webpack');
2 在module.exports的里面加入
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
最后在main.js中加入import $ from 'jquery',完成jquery的引入
二、引入 bootstrap.css文件:
修改webpack.base.conf.js
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'bootstrap':resolve('src/assets/bootstrap'),
}
},
在main.js中import引入
import 'bootstrap/js/bootstrap.min.js'
import 'bootstrap/css/bootstrap.min.css'
三、引入bootstrap.min.js文件:
在main.js中import引入
import 'bootstrap/js/bootstrap.min.js'
来自:http://www.cnblogs.com/xiaofenguo/p/6605302.html
你们的支持,是我坚持的动力~
最新文章
- 使用backbone的history管理SPA应用的url
- java IO之AutoCloseable,Closeable和Flushable接口
- springmvc 自定义注解 以及自定义注解的解析
- 学习ASP.NET MVC(二)——我的第一个ASP.NET MVC 控制器
- C#中方法的参数的四种类型
- 也说面试 - 一个努力的iOS Dev
- (转)http接口测试——Jmeter接口测试实例讲解
- 【转】Nginx系列(二)--模块化
- 【转】CocoaPods的安装以及遇到的坑
- Mac下Shell快捷键
- eclipse 导入项目时候java版本不一致问题
- 在SOUI中使用布局模板
- leetcode 链表相关
- centos下配置maven编译环境
- 一个天气的微服务springcloud
- django权限管理
- UITableView当数据很少的时候,去掉多余的cell分割线
- Apache Storm使用
- 【转载】国外程序员整理的Java资源大全
- 按照拼音排序的SQL语句条件
热门文章
- maven 学习---使用“mvn site-deploy”部署站点
- VMware基本用法
- centos7,python2和python3共存
- Django框架(十八)—— drf:序列化组件(serializer)
- 习题6-2 使用函数求特殊a串数列和
- 开放接口的安全验证方案(AES+RSA)
- httpHandlers path=";*.sky";
- 安装禅道提示:ERROR: 您访问的域名 192.168.110.128 没有对应的公司
- Python DataFrame 按条件筛选数据
- VIJOS-P1064 迎春舞会之数字舞蹈