水木社区手机版
- 主题:继续问让人头疼的不同目录打包，附top图
- 左边是编辑用的一些文件目录的结构，可以打包出完全一样的结构。
问题在于，假如default.html用img标签引入image2，css里body用背景url引入image1。
打包出来后，image2能显示，但是css里的image1总是少了这个../，手动加上../就能正常显示。
也就是说，html和css保持同级目录再打包才能ok，但这样会不会太low了。
弄了2天，没搞定。
--
FROM 119.79.94.* - 补充，打包完是bundle.js，不是多个js，这个地方画错了。
【 在 xiatianup 的大作中提到: 】
: 左边是编辑用的一些文件目录的结构，可以打包出完全一样的结构。
: 问题在于，假如default.html用img标签引入image2，css里body用背景url引入image1。
: 打包出来后，image2能显示，但是css里的image1总是少了这个../，手动加上../就能正常显示。
: ...................
--
FROM 49.222.153.* - 这肯定能搞定，用心研究下
--
FROM 219.136.204.* - 传统目录组织的思路有偏差，SPA打包应该以打包后依赖引用的思路去分析。
HTML引用打包JS文件和其他静态文件资源，其中JS打包文件的引用不用考虑，
JS会引用其他静态文件资源
保证HTML和JS里面的引用能正确有效就行：
1、要保证JS和HTML的引用的静态文件资源路径要一致
2、要保证其他静态文件资源最终放在他们要被引用的目录路径里面。
3、项目编辑目录组织方式和打包后的引用目录组织没有直接关系，只要保证打包后的组织结构是对的就行。
【 在 xiatianup 的大作中提到: 】
: 左边是编辑用的一些文件目录的结构，可以打包出完全一样的结构。
: 问题在于，假如default.html用img标签引入image2，css里body用背景url引入image1。
: 打包出来后，image2能显示，但是css里的image1总是少了这个../，手动加上../就能正常显示。
: ...................
--
修改:dhcn FROM 223.104.3.*
FROM 223.104.3.* - 又看了很多资料，好像搞不定。
https://segmentfault.com/q/1010000005842505/a-1020000007089855
图片好像都是通过那个loader打包，于是不同层级的html和css引用图片的路径被webpack的loader的选项共同处理了，于是路径就变成一致的了。
尝试了在处理html的loader，和处理css的loader里分别加处理图片url的loader（为了对两类文件里的图片路径分别做处理），但是没搞定。
【 在 zxdong262 (zxd) 的大作中提到: 】
: 这肯定能搞定，用心研究下
--
FROM 49.222.153.* - 能看明白，就是感觉有点别扭，也下了点别人的spa打包demos，倒是隐约看到点共性，看来我最近要重新组织安排我的开发模板结构了。
谢谢，今天没时间研究了，明天继续折腾。
【 在 dhcn (小石) 的大作中提到: 】
: 传统目录组织的思路有偏差，SPA打包应该以打包后依赖引用的思路去分析。
: HTML引用打包JS文件和其他静态文件资源，其中JS打包文件的引用不用考虑，
: JS会引用其他静态文件资源
: ...................
--
FROM 49.222.153.*