vue修改css打包,vue修改打包文件的路径

最近用vue做一个项目，刚开始没想到后台用的微擎，不能前后端完全独立。而且 index.html 页面放在template文件夹中，而静态的css和js等文件则放在 /addons/business/static 中，webpack默认打包出来js中的路径则是 /static 。

打包出来的文件又不能修改，导致项目中调用的静态文件总是404。既然不能改项目中的路径，那就改打包的路径，模拟服务器存储静态文件的路径(/addons/business/static)(business为你模块名)。

然后就在网上找，找到了修改打包文件储存路径的方法：

1、找到 config/index.js 文件

2、在 index.js 中 module.exports={} 的 build:{} 中修改 assetsSubDirectory 的值为路径，如：assetsSubDirectory 的默认值是static，而微擎中保存静态文件的路径是 /addonc/business/static ，则把 assetSubDirectory 的值改为 addonc/business/static 。

3、然后 npm run build 打包，得到的文件结构如下图：

4、最后把 index.html 放入微擎的 /template/mobile 文件夹中，当然如果是pc端的话放在 /template 里

5、把上面 static 中的文件放入微擎的 /addonc/business/static 中，这样就完成了模拟路径。

总结：这方法也就是换个方式模拟路径，对其他程序也可以这样做。大神们有更好的方法欢迎评论把好方法分享给大家。

vue修改css打包,vue修改打包文件的路径相关推荐

Python语言编程学习：文件路径变量修改，利用os模块固定文件父路径，变换文件子路径实现代码
Python语言编程学习:文件路径变量修改,利用os模块固定文件父路径,变换文件子路径实现代码目录文件路径变量修改,利用os模块固定文件父路径,变换文件子路径实现代码
linux dump 文件位置,查询和修改Linux操作系统生成core dump文件的路径
1.core文件的生成开关和大小限制 (1)使用ulimit -c命令可查看core文件的生成开关.若结果为0,则表示关闭了此功能,不会生成core文件. (2)使用ulimit -c filesiz ...
jQuery修改css属性和修改样式
修改css属性方法一: $().css("属性",属性值"") 注意如果括号内只有属性则返回该属性的值. 方法二: $().css({属性:属性值,····· ...
vue less CSS滚动条样式修改美化变细
滚动条样式 ::-webkit-scrollbar {/*滚动条整体样式*/width: 10px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px; }::-webkit-scrollb ...
vue-cli 打包出来的文件缺少_关于vue-cli打包或者上线后文件各种路径或者找不到的问题解决方案...
我们用vue开发项目的时候npm run dev 用的很爽的一旦 npm run build之后或者上线之后卧槽,我的什么css,img各种加载不了,实在让人头疼,查了很多资料,以下是我的解决方 ...
腾讯手游助手修改共享目录/缓存目录/Temp文件夹路径
使用帮助目录:https://blog.csdn.net/dkbnull/article/details/87933584 我们在电脑上安装了腾讯手游助手后,发现腾讯手游助手的缓存目录/游戏安装 ...
html5 js 修改css样式,JavaScript修改css样式style_javascript技巧_脚本之家
一.局部改变样式分为改变直接样式,改变className和改变cssText三种.需要注意的是: 注意大小写: javascript对大小写十分敏感,className不能够把"N&quo ...
前端之vue的CSS样式
vue的CSS样式 vue项目的结构 Vue的三种样式化方法: 外部CSS文件样式向单个文件组件添加全局样式单个组件内部的样式相关名称: CSS预处理器(如SCSS)或后处理器(如PostCSS ...
windows10修改用户名从中文修改为英文
修改后可能会出现许多问题,最好在一开始就不要使用中文作为用户名进入Administrator账户搜索cmd,以管理员身份打开.输入 net user administrator /active:y ...

vue修改css打包,vue修改打包文件的路径

vue修改css打包,vue修改打包文件的路径相关推荐

最新文章

热门文章