vue cli2 打包后css路径多出部分的问题

最新推荐文章于 2022-07-27 11:34:40 发布

原创最新推荐文章于 2022-07-27 11:34:40 发布 · 999 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

前端笔记专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在Vue项目中，通过修改webpack配置解决css中图片路径错误的问题，确保图片能在正确的路径下被加载。

vue打包后,css中引用的图片路径会在/static/css/static/img，但是应该是/static/img，这时可以通过修改webpack配置：
在 build/util.js 中，找到

    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../' // 修改这里
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }