Skip to content

Instantly share code, notes, and snippets.

@orbitbot
Last active August 29, 2015 14:13
Show Gist options
  • Save orbitbot/c78dd7980b38228d73cf to your computer and use it in GitHub Desktop.
Save orbitbot/c78dd7980b38228d73cf to your computer and use it in GitHub Desktop.
Asset-transform issue: Cannot have multiple sections with same template
node_modules
dist
var gulp = require('gulp');
var at = require('gulp-asset-transform');
var size = require('gulp-size');
var concat = require('gulp-concat');
var paths = {
index: 'index.html'
};
gulp.task('default', function() {
return gulp.src(paths.index)
.pipe(at({
css: {
// tasks: [size({ title: 'css', showFiles: true }), function (filename) { return concat(filename); }]
tasks: [function (filename) { return concat(filename); }, size({ title: 'css', showFiles: true })]
}
}))
.pipe(gulp.dest('dist/'));
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>gulp-asset-transform issue</title>
<!-- at:css >> css/site.css -->
<link rel="stylesheet" href="pocketgrid.css">
<!-- at:end -->
<!-- at:css >> css/structure.css -->
<link rel="stylesheet" href="pocketgrid.css">
<!-- at:end -->
</head>
<body>
</body>
</html>
{
"name": "gulp-asset-transform-issue",
"version": "1.0.0",
"devDependencies": {
"gulp": "^3.8.10",
"gulp-asset-transform": "^1.6.2",
"gulp-concat": "^2.4.3",
"gulp-size": "^1.2.0"
}
}
/*! PocketGrid 1.1.0
* Copyright 2013 Arnaud Leray
* MIT License
*/
/* Border-box-sizing */
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Clearfix */
.block-group {
*zoom: 1;
}
.block-group:before, .block-group:after {
display: table;
content: "";
line-height: 0;
}
.block-group:after {
clear: both;
}
.block-group {
/* ul/li compatibility */
list-style-type: none;
padding: 0;
margin: 0;
}
/* Nested grid */
.block-group > .block-group {
clear: none;
float: left;
margin: 0 !important;
}
/* Default block */
.block {
float: left;
width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment