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

2019-11-19 12:49:41

字体：大中小

来源：转载

供稿：网友

原因：

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找不到字体文件的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：vue.js父子组件通信动态绑定的实例

下一篇：JavaScript循环遍历你会用哪些之小结篇