vue中引入jQuery和Bootstrap
来源:互联网 发布:淘宝店铺授权怎么弄 编辑:程序博客网 时间:2024/06/05 17:21
一、引入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 $ form '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'
阅读全文
0 0
- vue中引入jQuery和Bootstrap
- vue中引入Bootstrap,jQuery
- vue引入jquery和bootstrap的方法
- vue中引入bootstrap
- vue中引入bootstrap
- 脚手架搭建的vue项目里引入jquery和bootstrap
- 用vue构建项目笔记3(引入jquery和bootstrap)
- vue中引入jquery
- vue中引入jQuery
- vue开发:脚手架搭建的vue项目里引入jquery和bootstrap
- vue中引入jquery写轮播图
- 在vue中引入jquery
- vue开发:vue中引入jquery
- vue+vue-cli+webpack中引入jQuery
- 如何在webpack中引入jquery和bootstrap
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap
- vue-cli webpack中引入jquery
- vue-cli脚手架 webpack中引入jquery
- 程序员过了35岁,感觉自己活成...
- Maven教程完整版免费下载
- 推荐一个免费的SVN版本控制方案
- 【Django】快速掌握常用的正则表达式
- pxe自动化安装配置
- vue中引入jQuery和Bootstrap
- python-day-1
- 25、Android开发基础之Activity之间数据回传(视频+文章)
- 计算整数n阶矩阵的主/副对角线元素之和并输出
- grid布局
- 全局唯一订单号生成方法(参考snowflake)
- 小白学习《局域网》课程的课堂笔记系列(二):Trunk链路
- win10下 anaconda安装tensorflow,pycharm环境配置(gpu版)
- 创建实例的方式声明字符串,会在新建一个实例进行赋值,数组或者直接赋值字符串,则会修改内存中原有的对象