vue引入bootstrap、jquery

　　在进行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

转载于:https://www.cnblogs.com/wyd168/p/6655734.html

vue引入bootstrap、jquery相关推荐

【Vue】Vue引入bootstrap的方法
方法一:在main.js中引入(1) npm i jquerynpm i bootstrap 在main.js中 import 'jquery/dist/jquery.min'import 'boot ...
Vue 引入 BootStrap Vue 使用教程
安装 # npm npm install vue bootstrap-vue bootstrap# yarn yarn add vue bootstrap-vue bootstrap 使用 main. ...
vue全局安装jquery，vue使用bootstrap框架，vue中封装websocket通讯，vue引入element-ui 组件库，引入highcharts图表插件
vue安装jquery: 1.使用vue-cli创建好vue项目后,在项目文件夹下,使用命令npm install jquery --save-dev 引入jquery. 2.修改项目文件 build ...
vue项目中引入bootstrap的方法
vue项目中引入bootstrap?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 相关教程推荐:<bootstrap教程> 在 vue 项目 ...
antd vue关闭模态对话框_如何在Bootstrap项目中用Vue.js替代jQuery
Bootstrap是 Web 开发最受欢迎的框架之一,没有比它开发响应式网站项目效率最高了. 随着Vue.js的逐渐流行,更多人们用它来控制页面元素,实现强大互动功能.而jQuery出现了一些技术落后 ...
bootstrap 打印组件_如何在Bootstrap项目中用Vue.js替代jQuery
Bootstrap是 Web 开发最受欢迎的框架之一,没有比它开发响应式网站项目效率最高了. 随着Vue.js的逐渐流行,更多人们用它来控制页面元素,实现强大互动功能.而jQuery出现了一些技术落后 ...
vue引入jquery的方法
vue引入jquery的方法 1.局部引入通过命令下载jquery npm install jquery --save-dev 在需要引入jquery的组件中通过import $ from 'j ...
引入文件报错的解决方法（bootstrap+jquery项目）
这篇文章主要介绍了bootstrap+jquery项目引入文件的常见报错问题,下面给大家分享了一些错误及错误的解决方法,需要的朋友可以参考下做一个项目的时候 ,控制台总是会出现各种bug,其实不用慌 ...
Vue 4.0——Vue与Bootstrap整合解决方案
解决方案 1.安装jQuery. Bootstrap.popper.js依赖 npm install jquery --save npm install bootstrap --save npm in ...

vue引入bootstrap、jquery

vue引入bootstrap、jquery相关推荐

最新文章

热门文章