vue2.x 如何引入bootstrap

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

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

1.通過(guò)cnpm安裝bootstrap和jquery

cnpm install bootstrap jquery --save

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

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

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

找到build文件夾下的webpack.prod.conf.js文件打開(kāi)，全局引入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"

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/107618.html

相關(guān)文章

vue2.x-cnode(vue全家桶)

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

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

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

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

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

Miyang 2019-08-21 18:34 評(píng)論0 收藏0
Vue2.x 的筆記：第一次的感受 Vue 開(kāi)篇

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

Lowky 2019-08-26 12:19 評(píng)論0 收藏0
VUE2.X過(guò)濾器的使用方法

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

avwu 2019-08-21 18:47 評(píng)論0 收藏0