javascript - Bagaimana untuk memperkenalkan boostrap.css dan fail fonnya ke dalam vue

Question

Saya dalam fail a.vue

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

Tetapi ia menimbulkan ralat,

Answer 1

Anda belum mengkonfigurasi pemuat yang betul untuk memuatkan fon

Answer 2

cnpm i --save-dev url-loader

Input module.rules: dalam webpack.config.js

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

Mulakan semula npm run dev.

Answer 3

Hanya gunakan teg pautan dalam index.html