javascript - vue怎么引入boostrap.css及其字体文件

Question

我在a.vue文件中

<style>
    @import '../css/bootstrap.css';
</style>

但是却提示报错，

Answer 1

你没有配置正确的loader去加载字体

Answer 2

cnpm i --save-dev url-loader

在webpack.config.js里module.rules:输入

      {
        test: /\.(eot|svg|ttf|woff|woff2)$/,
        loader:"url-loader",
        options: {
          name: '[name].[ext]?[hash]'
        }
      }

重启 npm run dev。

Answer 3

在 index.html 中使用 link 标签就可以