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)进行安装即可。