这是一个创建于 3235 天前的主题，其中的信息可能已经有所发展或是发生改变。
做了几年前端，都是刀耕火种。因为项目需要，从 fis 和 glup 中选了 fis 。试用后，喜欢它的 css 合并，自动加 hash ，还有打包等。现在有个问题：
我的资源 --> static 下有 css,js,images 三个文件夹。比如我合并 css 下的 css1 和 css2 ，然后再打包成 css3 。那么我这个文件放哪好，因为一开始这个文件是不存在的， js 的同理。初次使用，大家帮帮忙。
比如我在一个页面引用css1,css2,css3三个文件，但是构建后，因为css1和css2合并了，我只需要引用两个文件。 怎么处理...
我的资源 --> static 下有 css,js,images 三个文件夹。比如我合并 css 下的 css1 和 css2 ，然后再打包成 css3 。那么我这个文件放哪好，因为一开始这个文件是不存在的， js 的同理。初次使用，大家帮帮忙。
比如我在一个页面引用css1,css2,css3三个文件，但是构建后，因为css1和css2合并了，我只需要引用两个文件。 怎么处理...
 |
1
Jaylee 2016-01-06 16:37:03 +08:00
一般会有两个目录，一个 src ，一个 dist ，打包之前的代码都在 src 目录下面，打包好之后放到 dist 目录下。
|
 |
2
hellokittyer 2016-01-06 16:39:40 +08:00
源码：./src/ j|s|i|...
开发预览调试：./dest/ ... 最后生成个线上版本./build/ ... |
 |
3
chairuosen 2016-01-06 16:40:52 +08:00
关于最后一个问题， gulp 有 usemin 之类的工具，不清楚 fis
|
 |
4
123s OP @hellokittyer 感觉不会用...
|
 |
5
Pastsong 2016-01-06 16:43:29 +08:00
现在流行 gulp 和 webpack
|
 |
6
djyde 2016-01-06 16:43:39 +08:00
我个人来说，前端资源的 bundle 已经完全转移到 webpack 了。。。当然要看你项目的规模，如果只是小项目，用 gulp 就可以了， webpack 反而显得重。
合并过（或者说是 compile 过）的 css/js/images 可以放在另一个目录里（比如 /build ）。 建议在 Github 看看别人是怎么组织目录的 |
 |
7
NemoAlex 2016-01-06 16:46:40 +08:00
每个 css 和 js 文件也都 minify 一下，合并的归合并的，单用的话也能用。
这是最简单的办法。 |
 |
8
cyio 2016-01-06 16:54:31 +08:00
之前用的 fis3 ，入门挺好。最近遇上坑给抛弃了，迁移到了 gulp 。
时间长了，工具坑不可避免，以后尽量选社区用户多的。国产大公司的东西尽量绕开。 |
 |
9
LT 2016-01-06 16:59:40 +08:00
哦． 功能插件那么多，自己组合整个呗，省得写那么多配置文件
|
 |
10
learnshare 2016-01-06 17:01:28 +08:00
用国际主流的， gulp 能满足目前的需求
|
 |
11
aivier 2016-01-06 17:26:11 +08:00
一般不用，因为同事根本不知道这些，他们都在用 DreamWeaver
|
 |
14
gaowhen 2016-01-06 18:27:29 +08:00
安利下常用 gulp task https://github.com/gaowhen/task-master
|
 |
15
lococo 2016-01-06 23:19:16 +08:00 via iPhone
js 打包后生成的文件放在 static 目录里的 js/pkg 下， css 同理…
|
 |
16
yangxiongguo 2016-01-07 00:53:06 +08:00 via iPhone
gulp+webpaxk
gulp 处理 less ，移动资源文件等大部分操作。 webpack 处理 js 模块。 |
 |
18
Matrixbirds 2016-01-07 11:21:47 +08:00
在下认为还是 gulp 会舒服一些 fis 的文档和插件就很蛋疼
|
 |
19
RaymondYip 2016-01-07 11:47:25 +08:00
webpack
|
|
21
aivier 2016-01-08 10:45:35 +08:00
|
Select Language