Webpack configuration causes the font icon to fail to be displayed. webpack cannot be displayed.

Webpack configuration causes the font icon to fail to be displayed. webpack cannot be displayed.

Problem: when using the font icon during project development, the following error is reported:

All the font icons cannot be properly displayed, and an error is returned indicating that the font cannot be decoded.

Solution:After searching for a long time, I finally found the error caused by manually adding the following code During webpack configuration: delete it in the webpack. base. conf. js file.

{Test:/\. (eot | svg | ttf | woff | woff2 )(\? \ S *)? $/, Loader: 'file-loader '},

Summary:

In fact, the configuration file automatically generated using vue-cli has compiled the font icon file, and the self-written file conflicts with the automatically generated configuration file.

The solution to the failure to display the font icons caused by the preceding webpack configuration is to share all the content with you in the editor. I hope you can give us a reference and support the help house.