博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在Vue 项目 webpack 打包中关于 背景图片的路径问题
阅读量:6591 次
发布时间:2019-06-24

本文共 447 字,大约阅读时间需要 1 分钟。

第一次发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 路径就可以了。 记录下遇到的坑

转载地址:http://trkio.baihongyu.com/

你可能感兴趣的文章
各种排序算法的总结
查看>>
[.net 面向对象程序设计进阶] (25) 团队开发利器(四)分布式版本控制系统Git——使用GitStack+TortoiseGit 图形界面搭建Git环境【转】...
查看>>
SpringBoot相关
查看>>
[LeetCode] Sudoku Solver 求解数独
查看>>
html5/haXe开发偶感
查看>>
js深入研究之神奇的匿名函数类生成方式
查看>>
The life cycle of a typical project 一个典型的项目生命周期
查看>>
推荐F#最近的一些资源
查看>>
Linux文件操作
查看>>
ylbtech-Recode(记录)-数据库设计
查看>>
运动目标跟踪与检测的源代码(CAMSHIFT 算法)
查看>>
PHP工厂模式的简单实现
查看>>
线程同步中异常情况的处理
查看>>
Orchard模块开发全接触3:分类的实现及内容呈现(Display)
查看>>
JQuery 自动触发事件
查看>>
ylbtech-LanguageSamples-CommandLine(命令行参数)
查看>>
Uptime And Monitoring Strategies For Cloud-Based E-Commerce Applications/Websites
查看>>
FPGA未来几年的发展趋势及发展机遇
查看>>
【spring bean】 spring中bean之间的引用以及内部bean
查看>>
MVVM架构~knockoutjs系列之验证信息自定义输出~续
查看>>