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找不到字体文件的问题相关推荐

创建Vue项目，找不到router文件（router.js）的解决方法
创建Vue项目,找不到router文件(router.js)的解决方法问题描述: 安装 Vue Router 原因分析: 解决方案: 命令窗口创建使用图形化界面问题描述: 如图所示: 安装 Vu ...
html引入本地css样式无效,vue在index.html里面引入css文件样式加载失败
问题描述我在vue的index.html里面引入本地的第三方CSS文件,浏览器会出现一个提示,同时样式也没有生效问题出现的环境背景及自己尝试过哪些方法网上搜索了一下说是什么拦截器的问题,但没有找 ...
vue 引入json地图_使用vue引入maptalks地图及聚合效果的实现
1.安装maptalks.js npm install maptalks --save 2.安装聚合mapkercluster npm install maptalks.markercluster 3 ...
html引入百度地图报错,vue引入百度地图BMapGL，或者其他个性化地图
3.jpg vue的百度地图早就有vue-baidu-map这里就不赘述了, 自己去直接对着API写就好了,基本上已经满足绝大多数需求了还简单方便. vue-baidu-map 传送门 https:/ ...
解决开发板运行QT后找不到字体文件
QT版本:5.91 错误:QFontDatabase: Cannot find font directory '/usr/lib/fonts'. 解决方法: 方法1: 从PC端的qt安装目录下拷贝fo ...
解决JDK13版本后IntelliJ IDEA导入新字体文件
由于JDK13版本不再单独生成jre文件,IDEA也不再单独生成jre文件,旧方法导入字体不再适用 . 以下是博主在JDK13版本IntelliJ IDEA导入自定义字体的方法: 先找出本机的Inte ...
vue+elementui项目中引入第三方字体文件的方法示例
# 问题描述: vue中项目,发现相同页面在不同电脑上,字体显示效果不一致,例如:代码中设置了楷体,在某些电脑上显示不是楷体效果. # 解决方案: 1.先下载字体文件所需的.ttf文件(这不很重要,你 ...
CSS的三种引入方式与JS的三种引入方式
CSS的三种引入方式前端三剑客分为html,css,js, html作为骨架,楼体是观看者看到的第一元素,而css和js是美化并增加功能的肉体羽毛或者楼体工装,肉体羽毛需要安装到骨架上,才能使整体完 ...
浅谈Vue的iView
iView 是一套基于Vue.js的开源UI组件库,主要服务于PC界面的中后台产品. 1.iView的特性 1) 高质量.功能丰富 2) 友好的API ,自由灵活地使用空间 3) 细致.漂亮的 UI ...

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

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

最新文章

热门文章