vue-cli搭建的项目中引入jquery和bootstrap
2018-11-12 14:59
1191 查看
在项目初始化好之后,首先安装jqury 5b4 库
cnpm install jquery -S
同时把bootstrap库也一起安装了,待会再一起配置
cnpm install bootstrap@3.3.0 -S // 指定版本 为3.0版本
安装完了以后 需要做一些配置
在项目的bulid文件下的webpack.base.config.js文件中
var webpack = require("webpack")
末尾:
plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ],
在main.js文件中
import $ from 'jquery' // 可以添加也可以不添加的
也可以单独在组件里单独引用bootstrap库
相关文章推荐
- 脚手架搭建的vue项目里引入jquery和bootstrap
- 脚手架搭建的vue项目里引入jquery和bootstrap
- 饿了么项目---1、vue-cli快速构建项目(包括兼容老项目时需引入bootstrap、jquery的方法)
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap
- vue开发:脚手架搭建的vue项目里引入jquery和bootstrap
- vue项目引入bootstrap、jquery
- vue-cli项目中,全局引入jquery
- 利用vue-cli创建新项目和引入Bootstrap的方法
- Vue.js + jQuery + bootstrap + sass 项目搭建
- 用Vue-cli搭建的项目中引入css报错的原因
- vue-cli 引入jQuery,Bootstrap,popper的方法
- vue-cli快速构建项目以及引入bootstrap、jq
- vue-cli快速构建项目>>>>及引入jquery、jquery插件、this的指向 mounted钩子函数应用
- vue-cli 项目中引入jquery、sass、md5、ElementUI、vue-cookie
- vue-cli项目中单文件组件引入bootstrap.js异常的解决方案
- vue-cli搭建的项目引入.css文件报错
- 详解vue-cli快速构建项目以及引入bootstrap、jq
- 用vue构建项目笔记3(引入jquery和bootstrap)
- vue踩坑_cli_环境搭建,jquery,$http请求配置以及element组件引入
- 用Vue-cli搭建的项目中引入css报错的原因分析