vue2.x 如何引入bootstrap

blastz 发布于2019-08-26 11:48 / 800人阅读

摘要：通过安装和要使用必须先引入找到文件夹下的文件打开，新增配置找到文件夹下的文件打开，全局引入在入口文件中加入在里导入

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里导入Bootstrap

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

云服务器 GPU云服务器如何引入css html如何引入图片 bootstrap 文件引入

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107618.html

vue2.x-cnode(vue全家桶)

摘要：后续会改成的版本安装安装编译语法使用编译语法图片路径与打包安装引入图片需要依赖的加载器样式引入打包文件编译打包引入样式文件编译 vue2.x-cnode 关于项目 vue2.x Cnode社区是基于vue、vue-router、vuex、axios、es6开发，使用webpack构建工具编译打包项目如果此开源项目对大家学习vue的全家桶有帮助，请给我一个star,因为你的star让我...

ThinkSNS 2019-08-20 14:26 评论0 收藏0
前方来报，八月最新资讯--关于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？

摘要：在与搭配的项目，虽然可以完全不用，但是呢，太多的扩展太好用，所以还是得用以下下，然而，总不能每个文件都要一下吧，那样很大的，所以出现今天的标题。在webpack与Vue搭配的项目，虽然可以完全不用jquery，但是呢，JQ太多的扩展太好用，所以还是得用以下下，然而，总不能每个文件都要import一下$吧，那样js很大的，所以出现今天的标题。 1.首先需要安装jQuery 命令： np...

Miyang 2019-08-21 18:34 评论0 收藏0
Vue2.x 的笔记：第一次的感受 Vue 开篇

摘要：在互联网高速发现的今天，可以说每天都在变化着一不留神你就会错过一个亿，所以你不得不时刻的保持着高度的专注。如今为代表的三个框架已然成为了主流成为统治者，呈现了三分天下的局面。有人说如今是框架的时代，只要会一个框架就能开始干活了。在互联网高速发现的今天，可以说每天都在变化着一不留神你就会错过一个亿，所以你不得不时刻的保持着高度的专注。互联网的信息是多元的，大量的，在海量的信息中很容易...

Lowky 2019-08-26 12:19 评论0 收藏0
VUE2.X过滤器的使用方法

摘要：过滤器的使用方法有几种，今天讲一种，以社区为示例，转换类型为中文汉字。文件如下下面在文件中引入并使用过滤器上面的很重要，如果没有，过滤器将无法使用。将的值传给过滤器自动转换。 VUE2.X过滤器的使用方法有几种，今天讲一种，以cnode社区API为示例，转换tab类型为中文汉字。首先我们在assets文件夹中新建个js的文件夹，并新建common.js,然后将过滤器写在这个文件中。当然...

avwu 2019-08-21 18:47 评论0 收藏0