前端工程化-Gulp/重新规划构建过程

110 阅读1分钟

        由于useref打破了开发文件放在src目录下、编译后结果放在dist目录下这样一个构建的目录结构。在useref之前所有的生成文件实际上算是一个中间产物,所以在完成最后构建程序前将构建文件放在dist目录的结构是不合理的。对于中间过程的产生的临时文件,应该发在临时目录中。这样我们在项目中新建一个,temp目录并检查所有构建任务,是否会产生临时文件:

  1. clean:在清空的对象中,添加 temp 目录
  2. style:因为在发布前还要经过压缩处理,所以要在中加处理环节放在 temp
  3. sctipts:同理
  4. page:同理
  5. img、fonts、extra: 没有中间环节可以直接放进dist目录
  6. serve:修改 baseDirdist 改成 temp
  7. useref:作为中加环节应从 temp 目录读取文件,并写入到 dist 目录
  8. build:根据compile、与useref的依赖关系将两个任务设置成串行