vue中引入bootstrap

前面发了几篇关于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