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

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

本教程操作环境：windows7系统、Vue2.9.6版，该方法适用于所有品牌电脑。

vue项目通过import引入外部css报错的解决办法：

vue 通过webpack-simple生成项目，引入外部csss时报错解决：

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报错怎么办的详细内容，更多内容请关注技术你好其它相关文章！