vue项目通过import引入外部css报错怎么办(2)-木庄网络博客

2022-03-01 01:03:19 PHP中文网 JavaScript 百度已收录

1、在webpack.config.js中添加以下内容，添加后重新npm run dev

{
        test:/\.css$/,
        loader:'style-loader!css-loader'
 },
{
        test: /.woff|.woff2|.svg|.eot|.ttf/,
        use: 'url-loader?prefix=font/&limit=10000'
 }

2、json文件中查看是否存在css-loader,style-loader,url-loader,若没有通过npm install（-D）进行安装即可。

相关学习推荐（免费）：javascript学习教程

以上就是vue项目通过import引入外部css报错怎么办的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

vue+iview框架实现左侧动态菜单功能的示例

更多相关阅读请进入《vue》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » vue项目通过import引入外部css报错怎么办

vue项目通过import引入外部css报错怎么办

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论