vue中引入bootstrap

xiaoxiao2021-02-28  106

前面发了几篇关于vue引入第三方插件的,自己也练习很多,没想到今天引入bootstrap的时候又犯了低级错误。

引入bootstrap步骤也很简单,首先需要修改build文件夹下webpack.base.conf.js的代码,

alias: {       'vue$': 'vue/dist/vue.esm.js',       '@': resolve('src'),       'assets': path.resolve(__dirname, '../src/assets'),        'jquery': "jquery/src/jquery"     }

添加这两行: 

      'assets': path.resolve(__dirname, '../src/assets'),        'jquery': "jquery/src/jquery"

这种配置我都是直接百度搜索出来,试一试能不能用,能用就直接用了,不要问我原理,我一般不会去研究这个。

然后在main.js下面import进来就行:

import './assets/bootstrap/js/bootstrap.min.js' import './assets/bootstrap/css/bootstrap.min.css'

这里你们需要注意一下自己的路径,因为我是喜欢工整一点,好找,所以bootstrap的就全部放到一起。

这是我的文件目录:

我在引入bootstrap的时候犯了一个低级的错误,css和js文件都放进去了,但是忽略了fonts文件夹,所以就报了下面这个错。

最后一点,哪怕没有报错,保险起见,重新跑一边比较安全。cnpm run dev    

转载请注明原文地址: https://www.6miu.com/read-36943.html

最新回复(0)