在Vue 项目 webpack 打包中关于 背景图片的路径问题

2024年3月12日 133次阅读 来源: jakietwo

第一次发segmentfault ，记录一下关于最近生产环境，开发环境路径问题。
开发环境下我们可以在vue中引入相对路径，但在生产环境，会默认为根目录static，所以我们需要在config 目录下index.js build对象中 assetsPublicPath 设置为’./’, 就可以了。

对于在vue组件背景图片的引用问题。我们需要在utils.js 文件下 加入一段代码

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

在这里加入publicPath 路径就可以了。 记录下遇到的坑

    原文作者：jakietwo
    原文地址: https://segmentfault.com/a/1190000015316377
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞