您的位置:首页 > 技术中心 > 前端框架 >

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

时间:2020-11-24 11:01

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

  • 该方法适用于所有品牌电脑

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报错怎么办的详细内容,更多请关注www.gxlsystem.com其它相关文章!

本类排行

今日推荐

热门手游