编程 Javascript

解决Vue编译时写在style中的路径问题

Posted in Javascript onSeptember 21, 2017

写在vue文件里面的style样式，在添加例如背景图片的时候，如果用的是相对路径，那么build出来的css文件的路径将会出错，导致找不到图片。

通过查找资料，在https://segmentfault.com/q/1010000008438061有人的回答解决了问题。

解决Vue编译时写在style中的路径问题

要修改主要有两个，一个就是config/index.js文件，将assetsPublicPath的路径改为'./'，这是发布路径，如果构建后的产品文件有用于发布CDN或者放到其他域名的服务器，可以在这里进行设置设置之后构建的产品文件在注入到index.html中的时候就会带上这里的发布路径

解决Vue编译时写在style中的路径问题

另外一个修改就是上图了，添加，publicPath: '../../'这一行，这是配置extract-text-plugin插件的提取样式，具体是什么我也不清楚。

解决Vue编译时写在style中的路径问题

问题说完了，希望对大家有帮助，写下来也是方便自己日后出现问题可以查看。谢谢！

以上这篇解决Vue编译时写在style中的路径问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

解决Vue编译时写在style中的路径问题

- Author -

CLtomoya

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 数组的方法集合

Jun 05 Javascript

将光标定位于输入框最右侧实现代码

Dec 04 Javascript

extjs4 treepanel动态改变行高度示例

Dec 17 Javascript

利用javascript实现全部删或清空所选的操作

May 27 Javascript

js轮播图代码分享

Jul 14 Javascript

如何制作幻灯片（代码分享）

Jan 06 Javascript

详谈js模块化规范

Jul 07 Javascript

js截取字符串功能的实现方法

Sep 27 Javascript

layui button 按钮弹出提示窗口,确定才进行的方法

Sep 06 Javascript

微信小程序实现同时上传多张图片

Feb 03 Javascript

Webpack5正式发布,有哪些新特性

Oct 12 Javascript

jquery插件实现代码雨特效

Apr 24 jQuery

使用JS实现图片轮播的实例(前后首尾相接)

Sep 21 #Javascript

Node调用Java的示例代码

Sep 20 #Javascript

浅谈react前后端同构渲染

Sep 20 #Javascript

微信页面弹出键盘后iframe内容变空白的解决方案

Sep 20 #Javascript

微信小程序页面跳转事件绑定的实例详解

Sep 20 #Javascript

微信小程序数据绑定及运算的简单实例

Sep 20 #Javascript

Angularjs使用过滤器完成排序功能

Sep 20 #Javascript

You might like

PHP之正则表达式捕获组与非捕获组（详解）

2015/07/29 PHP

Add a Table to a Word Document

2007/06/15 Javascript

10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

2010/05/06 Javascript

juqery 学习之五文档处理插入

2011/02/11 Javascript

js实现单行文本向上滚动效果实例代码

2013/11/28 Javascript

JS方法调用括号的问题探讨

2014/01/24 Javascript

html的DOM中document对象images集合用法实例

2015/01/21 Javascript

Js与Jq 获取页面元素值的方法和差异对比

2015/04/30 Javascript

jQuery+ajax实现无刷新级联菜单示例

2015/05/21 Javascript

jQuery实现弹出窗口中切换登录与注册表单

2015/06/05 Javascript

js实现网站最上边可关闭的浮动广告条代码

2015/09/04 Javascript

JavaScript在网页中画圆的函数arc使用方法

2015/11/13 Javascript

JS插件overlib用法实例详解

2015/12/26 Javascript

详解Vue2.X的路由管理记录之钩子函数（切割流水线）

2017/05/02 Javascript

浅谈React + Webpack 构建打包优化

2018/01/23 Javascript

JSONP原理及应用实例详解

2018/09/13 Javascript

koa2 用户注册、登录校验与加盐加密的实现方法

2019/07/22 Javascript

让mocha支持ES6模块的方法实现

2020/01/14 Javascript

ant design vue中日期选择框混合时间选择器的用法说明

2020/10/27 Javascript

浅谈python中scipy.misc.logsumexp函数的运用场景

2016/06/23 Python

Python编程判断这天是这一年第几天的方法示例

2017/04/18 Python

python使用筛选法计算小于给定数字的所有素数

2018/03/19 Python

用Python解决x的n次方问题

2019/02/08 Python

windows安装TensorFlow和Keras遇到的问题及其解决方法

2019/07/10 Python

python计算波峰波谷值的方法（极值点）

2020/02/18 Python

浅析python表达式4+0.5值的数据类型

2020/02/26 Python

python实现简单坦克大战

2020/03/27 Python

HTML5不支持标签和新增标签详解

2016/06/27 HTML / CSS

生产现场工艺工程师岗位职责

2013/11/28 职场文书

会计专业自荐信范文

2013/12/02 职场文书

医学生自我评价

2014/01/27 职场文书

《小儿垂钓》教学反思

2014/02/23 职场文书

八项规定对照检查材料

2014/08/31 职场文书

同事离别感言

2015/08/04 职场文书

单身狗福利?Python爬取某婚恋网征婚数据

2021/06/03 Python

MySQL脏读,幻读和不可重复读

2022/05/11 MySQL