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