用grunt进行前端工程化之路

2023-05-24,,

我们的项目wecash4.0的前端构建考虑过用fis和grunt.

目录:

  前期调研:fis vs grunt vs gulp?

  一.安装grunt和项目.

fis是百度fex研发的构建工具,非常方便,非常强大.

简单的几句代码就可以完成对项目的构建.

但是,fis它那个自动更新引用资源的名字的功能有个问题就是它更新后的名字都是绝对路径的,比如原来是这么引用的<script src="index.js" />,现在被它构建后成了<script src="/index.js">,这样当你的项目是放在二级域名的个根目录下的文件夹,比如是book.douban.com的时候你就会发现你所有对引用资源的引用的路径都不正确了,报404了.

虽然它官方说有个设置可以改变 这个(把引用路径都设置成绝对路径),但是我找了一通之后还是没弄好.

所以但是我们最后还是决定不用fis.

我们决定用grunt-这个当前业界最流行的构建工具(

千辛万苦,终于可以对js文件添加md5戳而且在所有页面找到引用的js文件而且更新成他们添加md5戳后的名字,但是仔细一看,诶,不对,居然只有每个页面最后一个脚本的文件被更新了.

二.写配置文件.

用grunt进行前端工程之路的相关教程结束。

《用grunt进行前端工程化之路.doc》

下载本文的Word格式文档,以方便收藏与打印。