javascript – So führen Sie boostrap.css und seine Schriftartdateien in Vue ein

Question

Ich befinde mich in einer.vue-Datei

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

Aber es wird ein Fehler angezeigt,

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 标签就可以