目前有什么好的js和css版本控制程序
2个回答
2018-08-03 · 百度知道合伙人官方认证企业
兄弟连教育
兄弟连教育成立于2006年，11年来专注IT职业教育，是国内专业的IT技术培训学校。2016年成功挂牌新三板（股票代码：839467）市值过亿。开设专注程序员培训专注php、Java、UI、云计算、Python、HTML5、
向TA提问
关注
![]()
展开全部
目前Yeomen为现代WEB应用而生的现代工作流
试试Yeomen，它由三种核心工具构成：yo（脚手架工具），bower（包管理工具），grunt（构建工具）。
Yo 搭建新应用的脚手架，编写你的Grunt配置并且安装你有可能在构建中需要的相关的Grunt任务。
Grunt 被用来构建，预览以及测试你的项目。
Bower 被用来进行依赖管理，所以你不再需要手动的下载和管理你的脚本了。
试试Yeomen，它由三种核心工具构成：yo（脚手架工具），bower（包管理工具），grunt（构建工具）。
Yo 搭建新应用的脚手架，编写你的Grunt配置并且安装你有可能在构建中需要的相关的Grunt任务。
Grunt 被用来构建，预览以及测试你的项目。
Bower 被用来进行依赖管理，所以你不再需要手动的下载和管理你的脚本了。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
开发时：
<html>
<head>
<!-- build:css({.tmp,src}) /assets/styles/main.css -->
<link rel="stylesheet" href="styles/one.css">
<link rel="stylesheet" href="styles/two.css">
<!-- endbuild -->
</head>
<body>
<!-- build:js({.tmp,src}) /assets/scripts/main.js -->
<script type="text/javascript" src="scripts/one.js"></script>
<script type="text/javascript" src="scripts/two.js"></script>
<!-- endbuild -->
</body>
</html>
构建后：
<html>
<head>
<link rel="stylesheet" href="/assets/styles/main-b8e5904e.css">
</head>
<body>
<script src="/assets/scripts/main-912c3511.js"></script>
</body>
</html>
构建代码：
var gulp = require('gulp');
var rev = require('gulp-rev');
var revReplace = require('gulp-rev-replace');
var useref = require('gulp-useref');
var filter = require('gulp-filter');
var uglify = require('gulp-uglify');
var csso = require('gulp-csso');
gulp.task('index', function() {
var jsFilter = filter('**/*.js', {restore: true});
var cssFilter = filter('**/*.css', {restore: true});
var userefAssets = useref.assets();
return gulp.src('src/index.html')
.pipe(userefAssets) // 解析html中build:{type}块，将里面引用到的文件合并传过来
.pipe(jsFilter)
.pipe(uglify()) // 压缩Js
.pipe(jsFilter.restore)
.pipe(cssFilter)
.pipe(csso()) // 压缩Css
.pipe(cssFilter.restore)
.pipe(rev()) // 重命名文件
.pipe(userefAssets.restore())
.pipe(useref())
.pipe(revReplace()) // 重写文件名到html
.pipe(gulp.dest('dist'));
});
说明：如上述代码运行不通过可能是插件版本问题，请参照最新官方文档自行修改。
<html>
<head>
<!-- build:css({.tmp,src}) /assets/styles/main.css -->
<link rel="stylesheet" href="styles/one.css">
<link rel="stylesheet" href="styles/two.css">
<!-- endbuild -->
</head>
<body>
<!-- build:js({.tmp,src}) /assets/scripts/main.js -->
<script type="text/javascript" src="scripts/one.js"></script>
<script type="text/javascript" src="scripts/two.js"></script>
<!-- endbuild -->
</body>
</html>
构建后：
<html>
<head>
<link rel="stylesheet" href="/assets/styles/main-b8e5904e.css">
</head>
<body>
<script src="/assets/scripts/main-912c3511.js"></script>
</body>
</html>
构建代码：
var gulp = require('gulp');
var rev = require('gulp-rev');
var revReplace = require('gulp-rev-replace');
var useref = require('gulp-useref');
var filter = require('gulp-filter');
var uglify = require('gulp-uglify');
var csso = require('gulp-csso');
gulp.task('index', function() {
var jsFilter = filter('**/*.js', {restore: true});
var cssFilter = filter('**/*.css', {restore: true});
var userefAssets = useref.assets();
return gulp.src('src/index.html')
.pipe(userefAssets) // 解析html中build:{type}块，将里面引用到的文件合并传过来
.pipe(jsFilter)
.pipe(uglify()) // 压缩Js
.pipe(jsFilter.restore)
.pipe(cssFilter)
.pipe(csso()) // 压缩Css
.pipe(cssFilter.restore)
.pipe(rev()) // 重命名文件
.pipe(userefAssets.restore())
.pipe(useref())
.pipe(revReplace()) // 重写文件名到html
.pipe(gulp.dest('dist'));
});
说明：如上述代码运行不通过可能是插件版本问题，请参照最新官方文档自行修改。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
