Vue introduces css static resources to report errors

build the project: vue init webpack my-app with vue scaffolding

After

, I want to introduce css file
structure directory
clipboard.png

main.jsimport

clipboard.png

clipboard.png

what is the reason for this

Feb.28,2021

is still missing. Download the font file, put it in the font directory, and configure loader


without css-loader


add the loader, of the packaged font file to the rules array of the webpack configuration file. Remember that npm install-- save-D url-loader, is as follows:

{

    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
    }
  }

Thank you @ Xiamen Bing @ hylwz @ Tauren . After various configurations and tests, I found that some of the Taobao images configured by default need to be installed manually. Then I canceled the configuration of Taobao images and rebuilt the project. The current practice is that npm install bootatrap-save installs the dependency of bootastrap, and import 'bootstrap/dist/css/bootstrap.min.css' directly in main.js can be run without error

.
Menu