全球主机交流论坛

标题: @lazyzhu来个tengine的css/js详细合并教程吧。。 [打印本页]

作者: star826    时间: 2012-11-22 20:09
提示: 作者被禁止或删除 内容自动屏蔽
作者: mtx    时间: 2012-11-22 20:10
不会
作者: lqtest    时间: 2012-11-22 20:11
我顶  我也需要这个
作者: 360安全卫士    时间: 2012-11-22 20:11
本帖最后由 360安全卫士 于 2012-11-22 20:14 编辑

https://www.xiazijiang.com/wp-content/themes/??/inove/style.css,inove/chinese.css
折分出来,就是
baseurl:
https://www.xiazijiang.com/wp-content/themes/
pathfile1:
/inove/style.css
pathfile2:
/inove/chinese.css

假如上面还有
/inove/japanses.css
还可以用https://www.xiazijiang.com/wp-content/themes/??/inove/style.css,inove/chinese.css,inove/japanses.css来合并。

当然,如果在/wp-content/themes/下有a.css
还可以用https://www.xiazijiang.com/wp-content/themes/??/inove/style.css,inove/chinese.css,a.css来合并。

实现上面,只需开启
location /wp-content/themes/ {
concat on;
}
作者: lazyzhu    时间: 2012-11-22 20:13
这个有必要吗???

conf配置下,然后网页源码里面合并下就可以


作者: star826    时间: 2012-11-22 20:14
提示: 作者被禁止或删除 内容自动屏蔽
作者: 360安全卫士    时间: 2012-11-22 20:14
star826 发表于 2012-11-22 20:14
求中文详细教程

帖子已更新,希望你能看懂中文
作者: 仿品空间    时间: 2012-11-22 20:15
支持,我也想要
作者: star826    时间: 2012-11-22 20:16
提示: 作者被禁止或删除 内容自动屏蔽
作者: star826    时间: 2012-11-22 20:19
提示: 作者被禁止或删除 内容自动屏蔽
作者: lazyzhu    时间: 2012-11-22 20:20
star826 发表于 2012-11-22 20:16
是啊。。不会

看4楼,再在源码里面合并写法如下:

<link rel="stylesheet" href="??foo1.css,foo2.css,subdir/foo3.css?v=2345" />

<script src="??bar1.js,bar22.css,subdir/bar3.js?v=3245" />
作者: 360安全卫士    时间: 2012-11-22 20:23
star826 发表于 2012-11-22 20:19
location /wp-content/themes/ {
concat on;
}

location加进你网站的server段里。
合并过的请求,直接写进程序、模板。

孩子,学学英文看看官方文档吧,我看你基础知识还没了解
作者: star826    时间: 2012-11-22 20:26
提示: 作者被禁止或删除 内容自动屏蔽
作者: lazyzhu    时间: 2012-11-22 20:29
star826 发表于 2012-11-22 20:26
看这楼http://443502.xyz/forum.php?mod=redirect&goto=findpost&ptid=163605&pid=2420764

要修改程序源码的,不然不起作用
作者: star826    时间: 2012-11-22 20:33
提示: 作者被禁止或删除 内容自动屏蔽
作者: 404    时间: 2012-11-22 20:34
还是我大rails好, 执行下rake assets:precompile解决问题了
作者: lazyzhu    时间: 2012-11-22 20:40
star826 发表于 2012-11-22 20:33
v=3245你的这个神马意思?

css js 版本号
作者: star826    时间: 2012-11-22 20:42
提示: 作者被禁止或删除 内容自动屏蔽
作者: star826    时间: 2012-11-22 20:47
提示: 作者被禁止或删除 内容自动屏蔽
作者: 360安全卫士    时间: 2012-11-22 20:48
star826 发表于 2012-11-22 20:42
我JS合并后网站错位


网站错位了一般是不同路径下的CSS合并后才错位的。
导致错位是因为,你CSS里面的元素未引用绝对路径,使路径错乱了。
作者: star826    时间: 2012-11-22 20:50
提示: 作者被禁止或删除 内容自动屏蔽
作者: 360安全卫士    时间: 2012-11-22 20:54
star826 发表于 2012-11-22 20:50
你的意思不同路径的不能合并成一个是吗

JS可以随便合并,但注意下页面位置顺序就一般不会出问题。
CSS不同路径下的,比如
/a/b/a.css
/a/c/d.css
合并在一起就要慎重了。因为/a/b/a.css有可能是非绝对路径方式调用的是/a/b/里面的图片,大面积/a/c/d.css又可能是/a/c里面的,合并在一起/a/??b/a.css,c/d.css就会将这些图片直接映射到/a/下,就会404,也就页面错位了。
作者: star826    时间: 2012-11-22 20:54
提示: 作者被禁止或删除 内容自动屏蔽
作者: 360安全卫士    时间: 2012-11-22 20:55
star826 发表于 2012-11-22 20:54
我是这样合并的http://www.xxxx.com/glob/??/res/jquery.js,check/check.js,js/ffs.js,alert/jquery. ...

给个详细URL才能看到具体的问题
作者: star826    时间: 2012-11-22 21:02
提示: 作者被禁止或删除 内容自动屏蔽
作者: 360安全卫士    时间: 2012-11-22 21:04
star826 发表于 2012-11-22 21:02
  1. <script src="http://www.disks8.com/glob/??res/jquery.js,check/check.js,js/ffs.js,alert/jquery.XYTipsWindow.min.2.8.js" />
  2. <link type="text/css"  rel="stylesheet" />
  3. </head>

  4. <body>
  5. <link type="text/css"  rel="stylesheet" />
  6. <link type="text/css"  rel="stylesheet" />
  7. <script type="text/javascript" src="http://www.disks8.com/app/index/load.js"></script>
复制代码
亲啊,我被吓尿了啊,你把XHTML格式拿来当做HTML用?
<script src="xxx" /> 要改成
<script src="xxx"></script>

还有CSS尽量放在JS前面吧
作者: star826    时间: 2012-11-22 21:13
提示: 作者被禁止或删除 内容自动屏蔽
作者: star826    时间: 2012-11-22 21:15
提示: 作者被禁止或删除 内容自动屏蔽
作者: star826    时间: 2012-11-22 21:54
提示: 作者被禁止或删除 内容自动屏蔽




欢迎光临 全球主机交流论坛 (https://443502.xyz/) Powered by Discuz! X3.4