• Vue+Webpack打包之后超过url-loader大小限制的图片在css的background-image中使用路径问题


    一个vue项目中有一张图片,在css中background-image中使用,大小超过了url-loader大小限制。
    npm run dev的时候一切正常。
    npm run build之后图片被直接放在dist/static/img文件夹下,但是打包后的css却在dist/static/css/static/img路径下找该图片,如果我把url-loader大小限制改成超过图片大小也能正常显示,但是图片较大不想这样做,这种情况要如何修改保证打包后路径正确?

    修改build/utils.js文件中
    if (options.extract) {

     
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
    添加:publicPath: '../../' 这一段代码
  • 相关阅读:
    memcache详解
    redis详解
    laravel5表单验证
    MySQL添加字段和修改字段
    delete和truncate区别
    IOC 和DI(转载)
    JPA和SpringData知识梳理
    spring和springmvc配置分离
    springboot 整合 mybatis
    mongodb安装及配置
  • 原文地址:https://www.cnblogs.com/cowboybusy/p/10806298.html
Copyright © 2020-2023  润新知