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 標籤就可以