webpack+Vue引入iView找不到字体文件

最新推荐文章于 2025-06-25 15:35:15 发布

遇见一个人流泪

最新推荐文章于 2025-06-25 15:35:15 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： webpack Vue iView css-loader modules

本文链接：https://blog.csdn.net/u011628981/article/details/79991292

vue 专栏收录该内容

9 篇文章

订阅专栏

本文探讨了解决webpack配置中css-loader与url-loader参数导致的错误方法。通过去除特定参数或采用模块排除方式，成功避免了打包和引入时出现的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原因：

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"
}