vue2.x 如何引入bootstrap

blastz 發(fā)布于2019-08-26 11:48 / 841人閱讀

摘要：通過安裝和要使用必須先引入找到文件夾下的文件打開，新增配置找到文件夾下的文件打開，全局引入在入口文件中加入在里導(dǎo)入

1.通過cnpm安裝bootstrap和jquery

cnpm install bootstrap jquery --save

2.要使用bootstrap必須先引入jQuery

找到build文件夾下的webpack.prod.conf.js文件打開，新增配置：

plugins: [
    new webpack.ProvidePlugin({  
        $: "jquery",  
        jQuery: "jquery",  
        "windows.jQuery": "jquery"  
    })
]

找到build文件夾下的webpack.prod.conf.js文件打開，全局引入jQuery

module.exports = {
    resolve: {
        alias: {
            jquery: "jquery/src/jquery",
        }
    }
}

在入口文件main.js中加入：

import $ from "jquery"

3.在main.js里導(dǎo)入Bootstrap

import "bootstrap/dist/css/bootstrap.min.css"
import "bootstrap/dist/js/bootstrap.min.js"

GPU云服務(wù)器云服務(wù)器如何引入css html如何引入圖片 bootstrap 文件引入

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/107618.html

相關(guān)文章

vue2.x-cnode(vue全家桶)

摘要：后續(xù)會改成的版本安裝安裝編譯語法使用編譯語法圖片路徑與打包安裝引入圖片需要依賴的加載器樣式引入打包文件編譯打包引入樣式文件編譯 vue2.x-cnode 關(guān)于項目 vue2.x Cnode社區(qū)是基于vue、vue-router、vuex、axios、es6開發(fā)，使用webpack構(gòu)建工具編譯打包項目如果此開源項目對大家學(xué)習(xí)vue的全家桶有幫助，請給我一個star,因為你的star讓我...

ThinkSNS 2019-08-20 14:26 評論0 收藏0
前方來報，八月最新資訊--關(guān)于vue2&3的最佳文章推薦

摘要：哪吒別人的看法都是狗屁，你是誰只有你自己說了才算，這是爹教我的道理。哪吒去他個鳥命我命由我，不由天是魔是仙，我自己決定哪吒白白搭上一條人命，你傻不傻敖丙不傻誰和你做朋友太乙真人人是否能夠改變命運，我不曉得。我只曉得，不認命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處查看github最新的Vue...

izhuhaodev 2019-08-26 10:44 評論0 收藏0
webpack+Vue2最新版搭配，如何全局使用jquery？

摘要：在與搭配的項目，雖然可以完全不用，但是呢，太多的擴展太好用，所以還是得用以下下，然而，總不能每個文件都要一下吧，那樣很大的，所以出現(xiàn)今天的標(biāo)題。在webpack與Vue搭配的項目，雖然可以完全不用jquery，但是呢，JQ太多的擴展太好用，所以還是得用以下下，然而，總不能每個文件都要import一下$吧，那樣js很大的，所以出現(xiàn)今天的標(biāo)題。 1.首先需要安裝jQuery 命令： np...

Miyang 2019-08-21 18:34 評論0 收藏0
Vue2.x 的筆記：第一次的感受 Vue 開篇

摘要：在互聯(lián)網(wǎng)高速發(fā)現(xiàn)的今天，可以說每天都在變化著一不留神你就會錯過一個億，所以你不得不時刻的保持著高度的專注。如今為代表的三個框架已然成為了主流成為統(tǒng)治者，呈現(xiàn)了三分天下的局面。有人說如今是框架的時代，只要會一個框架就能開始干活了。在互聯(lián)網(wǎng)高速發(fā)現(xiàn)的今天，可以說每天都在變化著一不留神你就會錯過一個億，所以你不得不時刻的保持著高度的專注。互聯(lián)網(wǎng)的信息是多元的，大量的，在海量的信息中很容易...

Lowky 2019-08-26 12:19 評論0 收藏0
VUE2.X過濾器的使用方法

摘要：過濾器的使用方法有幾種，今天講一種，以社區(qū)為示例，轉(zhuǎn)換類型為中文漢字。文件如下下面在文件中引入并使用過濾器上面的很重要，如果沒有，過濾器將無法使用。將的值傳給過濾器自動轉(zhuǎn)換。 VUE2.X過濾器的使用方法有幾種，今天講一種，以cnode社區(qū)API為示例，轉(zhuǎn)換tab類型為中文漢字。首先我們在assets文件夾中新建個js的文件夾，并新建common.js,然后將過濾器寫在這個文件中。當(dāng)然...

avwu 2019-08-21 18:47 評論0 收藏0