欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

webpack引入iview.css,解决webpack+Vue引入iView找不到字体文件的问题

发布时间:2025/3/19 vue 43 豆豆
生活随笔 收集整理的这篇文章主要介绍了 webpack引入iview.css,解决webpack+Vue引入iView找不到字体文件的问题 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

原因:

css-loader后面带了参数modules(打包报错)

url-loader后面带了参数name(引入报错)

{

test: /\.css$/,

use: ExtractTextPlugin.extract({

fallback: "style-loader",

use: "css-loader?modules!postcss-loader"

})

},

{

test: /\.(svg|ttf|eot|woff)\??.*$/,

loader: "url-loader?limit=10000&name=fonts/[name].[ext]"

}

解决方案:去掉参数

{

test: /\.css$/,

use: ExtractTextPlugin.extract({

fallback: "style-loader",

use: "css-loader!postcss-loader"

})

},

{

test: /\.(svg|ttf|eot|woff)\??.*$/,

loader: "url-loader?limit=10000"

}

或者

{

test: /\.css$/,

exclude: /node_modules/,

use: ExtractTextPlugin.extract({

fallback: "style-loader",

use: "css-loader?modules!postcss-loader"

})

}, {

test: /\.css$/,

include: /node_modules/,

use: ExtractTextPlugin.extract({

fallback: "style-loader",

use: "css-loader!postcss-loader"

})

},

{

test: /\.(svg|ttf|eot|woff)\??.*$/,

loader: "url-loader?limit=10000"

}

以上这篇解决webpack+Vue引入iView找不到字体文件的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

总结

以上是生活随笔为你收集整理的webpack引入iview.css,解决webpack+Vue引入iView找不到字体文件的问题的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。