Skip to content

xinbowang/new-gulp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 

Repository files navigation

gulp区分生产环境与开发环境版本

支持:html静态文件版本号添加(生产环境压缩)-sass编译+css合并(生产环境压缩)-js(es6)打包编译env(生产环境压缩)

*使用说明

由于添加了版本号信息,所以需要先手动更改依赖版本号文件:gulp-rev和gulp-rev-collector(重要)

1.打开node_modules\gulp-rev\index.js
   第134行 manifest[originalFile] = revisionedFile;
   更新为: manifest[originalFile] = originalFile + '?v=' + file.revHash;
 2.->-cnpm安装- 修改:nodemodules\gulp-rev\nodemodules\rev-path\index.js
   10 return filename + '-' + hash + ext;
   更新为: return filename + ext;
   或者
   9 return modifyFilename(pth, (filename, ext) => `${filename}-${hash}${ext}`);
   更新为: return modifyFilename(pth, (filename, ext) => `${filename}${ext}`);
   ->-npm安装- 修改:nodemodules\rev-path\index.js
   10 return filename + '-' + hash + ext;
   更新为: return filename + ext;
   或者
   9 return modifyFilename(pth, (filename, ext) => `${filename}-${hash}${ext}`);
   更新为: return modifyFilename(pth, (filename, ext) => `${filename}${ext}`);
 3.打开node_modules\gulp-rev-collector\index.js
   40 var cleanReplacement =  path.basename(json[key]).replace(new RegExp( opts.revSuffix ), '' );
   更新为: let cleanReplacement =  path.basename(json[key]).split('?')[0];

作者:win_wlq 链接:http:https://www.jianshu.com/p/df593ad8082d 來源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

使用

需要node环境-npm包 执行:安装所需依赖

    npm install

初始化 - 开发环境 - dist

    npm start

生产环境 - build

    npm run build