vue项目通过进口引入外部css报错的解决方法

小编给大家分享一下vue项目通过进口引入外部css报错的解决方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

vue项目通过进口引入外部css报错的解决办法:首先在【webpack.config。js】中添加相关内容,添加后重新npm运行dev,然后json文件中查看是否存在【css-loader】等数据,并安装即可。

<强> vue项目通过进口引入外部css报错的解决办法:

vue通过webpack-simple生成项目,引入外部css时报错解决:

1,在webpack.config。js中添加以下内容,添加后重新<代码> npm运行dev

{ 　　测试:/\ . css/美元, 　　装载机:& # 39;style-loader ! css-loader& # 39; 　　}, 　　{ 　　测试:/.woff | .woff2 | . | .eot | .ttf/, 　　用途:& # 39;url-loader ?=字体/前缀,限制=10000 & # 39; 　　}

2, json文件中查看是否存在<代码> css-loader ,<代码> style-loader ,<代码> url-loader> npm安装(- d) 进行安装即可。

以上是“vue项目通过进口引入外部css报错的解决方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

vue项目通过进口引入外部css报错的解决方法