javascript - How to introduce boostrap.css and its font files into vue

Question

I am in a.vue file

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

But it prompts an error,

Answer 1

You have not configured the correct loader to load fonts

Answer 2

cnpm i --save-dev url-loader

Input module.rules: in webpack.config.js

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

Restart npm run dev.

Answer 3

Just use the link tag in index.html