前端项目构建打包的一些学习笔记

作者:J.sky · 发表于:
2020-01-01T21:09:54.000000Z
· 更新于:
2023-08-13T22:54:33.219151Z
· Tag: JavaScript

遇到的问题

由于项目总是有一些小BUG,回想了一下项目中的JS文件的组织问题,估计应该是JS文件分散造成的加载不稳定,有时会造成一些变量莫名的未定义,事已至此,只有将这些文件打包到一个文件中就可以很好的解决这个问题,但是今天在网上搜了一些都是最近流行的打包工具,感觉功能过于丰富,以当前的项目来说用这些流行的打包工具有些大材小用了,而且学习成本高了一些,后来看了一下手头上的两JavaScript本书都推荐Ant打包,所以决定按书上的来吧,省时省力。

项目目录结构

书上说项目主要有三个目录:

  • bulid用来放置最终构建的文件,理想情况下这个目录不应该提交
  • src用来存放所有的源文件,包括用来进行文件分组的子目录
  • test 测试文件。

Ant打包

ant的安装教程很多,这里就不在重复了。

前端构建需要明白自己要做的是什么,其实打包构建的工具很多的,但是有些打包工具的功能太多了,学习成本很大的,所以选择适合的工具也是很重要的。

ant通过配置build.xml来执行一系列target,任务的类型选择很多,依据目前项目的选择,有打包,校验,压缩等。

这里就不在贴代码了,具体可以查看suiyan根目录下的build.xml参考,网上的教程也很多的。