vue中如何引入jQuery和Bootstrap
更新時間：2017年04月10日 15:43:25 作者：xiaofenguo
本篇文章主要介紹了vue中如何引入jQuery和Bootstrap，詳細的介紹了引入jQuery和Bootstrap的方法，有興趣的可以了解一下。
這兩天學習了Vue.js ，所以，今天添加一點小筆記。
一、引入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'
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue 打包體積優(yōu)化方案小結，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
這篇文章主要為大家詳細介紹了Vue.js實現(xiàn)文章評論和回復評論功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了Vue的v-if和v-show的區(qū)別圖文介紹,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
這篇文章主要給大家介紹了關于Vue中ref和$refs使用方法的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
vue+element+oss實現(xiàn)前端分片上傳和斷點續(xù)傳
這篇文章主要介紹了vue+element+oss實現(xiàn)前端分片上傳和斷點續(xù)傳，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
Vite?使用?Rollup?作為默認的構建工具,可以將應用程序的源代碼打包成一個或多個優(yōu)化的靜態(tài)文件,本文就來為大家介紹一下Vite如何進行項目搭建與環(huán)境配置吧2023-09-09
這篇文章主要介紹了Element PageHeader頁頭的使用方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
這篇文章主要介紹了vue在手機中通過本機IP地址訪問webApp的方法,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了基于Vue ECharts簡易實現(xiàn)雷達圖,本文通過實例代碼圖文相結合給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-12-12
在本篇文章里小編給大家整理了一篇關于vue中對虛擬dom的理解知識點總結內容，有興趣的朋友們可以學習參考下。2021-06-06