gulp.task('cssminify', function () {
return gulp.src('./src/*.css')
.pipe(minifycss())
.pipe(gulp.dest('./dist'));
});
gulp.task('cssVendor', function() {
return gulp.src(['www/vendor/**/*.css'])
.pipe(concat('vendor.min.css'))
.pipe(minifycss())
.pipe(gulp.dest('public/styles'));
});
gulp.task('cssmin', function () {
return gulp.src(config.compile)
.pipe(cssmin())
.pipe(gulp.dest(config.dest));
});
gulp.task('docs-concat', function() {
gulp.src([docs_src])
.pipe(less())
.pipe(minifyCss())
.pipe(gulp.dest('./docs/css'))
});
gulp.task('minifyCss', function() {
gulp.src(config.css.src)
.pipe(concat(config.css.source))
.pipe(minifyCss())
.pipe(gulp.dest(config.css.dest));
});
gulp.task('css', function() {
return gulp.src(src.css)
.pipe(cssmin())
.pipe(concat('app.css'))
.pipe(gulp.dest(dist.css))
})
gulp.task(this.name, false, () => {
gutil.log(gutil.colors.green('Optimize and minimize stylesheets for production'))
// If the app src folder is overridden, then append it to the watch list, otherwise use default.
let src = null
if (gulp.options.folders) {
src = [
gulp.options.folders.src + config.globs.styles.css,
gulp.options.folders.src + config.globs.styles.sass,
utils.exclude(path.join(gulp.options.folders.src, config.globs.styles.vendor))
]
} else {
src = config.styles.srcWithoutVendor
}
return gulp.plumbedSrc(// handle errors nicely (i.e., without breaking watch)
src
)
// Display the files in the stream
// .pipe(debug({title: 'Stream contents:', minimal: true}))
// Process Sass files
.pipe(sass({
style: 'compressed'
// errLogToConsole: true
}))
// Replace CSS imports by actual contents
.pipe(cssimport())
// Remove any unused CSS
// Note that it breaks the sourcemaps (but we shouldn't care for dist since we don't need sourcemaps there)
// Note that it also causes weird output during build in combination w/ Angular
// .pipe($.uncss({
// html: [
// config.html.src
// ],
// // CSS Selectors for UnCSS to ignore
// ignore: [
// ]
// }))
// Regroup all files together
.pipe(concat(config.styles.finalCssBundleFilename))
// Optimize and minimize
.pipe(csso()) // https://www.npmjs.com/package/gulp-csso
.pipe(minifyCss(
config.minifyCss
))
// Output file
.pipe(gulp.dest(config.styles.destDist))
// Task result
.pipe(size({
title: 'styles-dist'
}))
})
gulp.task('_vendor_css', function() {
return gulp.src(vendor_css)
.pipe(minifyCSS())
.pipe(concat('vendor.min.css'))
.pipe(gulp.dest('build/css'))
});
gulp.task('compile-styles', function() {
gulp.src(['src/styles/**/*.{css,less}'])
.pipe(gless())
.pipe(gmin({keepSpecialComments: false}))
.pipe(gulp.dest('dist/styles'))
});
gulp.task('css-vendor', function () {
return gulp.src('css/vendor/*.css')
.pipe(concat('vendor.css'))
.pipe(minify())
.pipe(gulp.dest('css/'))
});
gulp.task('minify-css', function() {
gulp.src('./assets/styles/*.css')
.pipe(minifyCSS({keepBreaks:true}))
.pipe(gulp.dest('./dist/assets/styles/'))
});
gulp.task('mini',function(){
return gulp.src(`${baseDir}/build/${version}/all.css`)
.pipe(less())
.pipe(minifycss()).pipe(gulp.dest(`${baseDir}/build/${version}`));
});
gulp.task('minify-css', function() {
var opts = {comments:true,spare:true};
gulp.src(['./app/**/*.css', '!./app/bower_components/**'])
.pipe(minifyCSS(opts))
.pipe(gulp.dest('./dist/'))
});
gulp.task('less', function() {
gulp.src(paths.less)
.pipe(less())
.pipe(minifyCSS())
.pipe(gulp.dest(paths.outputDir + '/css'));
});
css: function () {
gulp.src('src/css/opera_fix.css')
.pipe(minifyCss())
.pipe(gulp.dest('build/css'));
},
gulp.task('styles', function () {
return gulp.src(config.src)
.pipe(minifyCss())
.pipe(gulp.dest(config.dest));
});
gulp.task('minify-css', function(){
return gulp.src(['src/css/**/*.css'])
.pipe(gulpMinifyCss({ compatibility: 'ie8' }))
.pipe(gulp.dest('dist/css'))
.pipe(browser.reload({ stream: true }))
});
gulp.task('minify-css', ['sass'], function () {
return gulp.src('./css/main.css')
.pipe(minifyCSS())
.pipe(rename('main.min.css'))
.pipe(gulp.dest('./css'));
});
gulp.task('minify-css', function() {
return gulp.src(src + 'css/*.css')
.pipe(minifyCss({compatibility: 'ie8'}))
.pipe(gulp.dest(dst));
});
gulp.task('style',function() {
gulp.src('./dist/style.css')
.pipe(rename({suffix:'.min'}))
.pipe(minifycss())
.pipe(gulp.dest('dist'));
});
gulp.task('css-min', function(){
return gulp.src( [config.build+'./assets/css/*.css' , config.build+'./pages/css/*.css'])
.pipe(minifycss());
});
del(fpath+"page/*.js", function() {
gulp.src(DIR_APP+"**/style.scss")
.pipe(sass({
includePaths: [DIR_APP, DIR_APP+DIR_MODULE]
}))
.pipe(autoprefixer())
.pipe(px2rem(px2remOptions))
.pipe(gulpif(release, minifycss()))
.pipe(gulp.dest(DIR_APP))
.on("finish", function() {
webpack({
context: DIR_APP,
entry: [DIR_APP_PUB + "main.js"],
output: {
filename: wname,
publicPath: "./page/"
},
module: {
loaders: [
{ test: /\.html$/, loader: "vue-html"},
{ test: /\.css$/, loader: "style!css" },
{ test: /\.scss$/, loader: "style!css!sass!autoprefixer" },
{ test: /\.(jpg|png|gif)$/, loader: "url-loader?limit=8192&name=../"+DIR_PUBLIC+"img/[name].[ext]" },
]
},
resolve: {
alias: {
magic : DIR_MAGIC,
mgvue : DIR_MAGIC_VUE,
util : LIB_MINJS + "util.js",
query : LIB_MINJS + "selector.js",
event : LIB_MINJS + "event.js",
domready : LIB_MINJS + "ondomready.js",
dom : LIB_MINJS + "dom.js",
extend : LIB_MINJS + "extend.js",
promise : LIB_MINJS + "promise.js",
jsonp : LIB_MINJS + "jsonp.js",
templayed : LIB_MINJS + "templayed.js",
route : LIB_MINJS + "route.js",
module : DIR_APP + DIR_MODULE,
page : DIR_APP + "page/",
public : DIR_APP_PUB,
}
},
plugins: pugls,
})
.pipe(gulp.dest(fpath + "page"))
.on("finish", function() {
if (release /* 发布时才添加hash */) {
var hash = hashint((new Date).getTime())+"",
name = "main"+hash.substr(0, 5)+".js",
path = fpath+"page/";
fs.readdir(path, function(error, files) {
for(var i=0; i<files.length; i++) {
var str = files[i].toString();
if (str.match(/main.*\.js/)) {
fs.rename(path+str, path+name);
// 修改 index.html 中的引用
gulp.src(fpath+"index.html")
.pipe(replace(/main.*\.js/, name))
.pipe(gulp.dest(fpath))
break; defer.resolve();
}
}
})
} else {
defer.resolve();
}
})
});
});
gulp.task('concat', function() {
gulp.src([src])
.pipe(less())
.pipe(minifyCss())
.pipe(gulp.dest(base+'/css'))
});
gulp.task('build_css_components', ['clean'], function() {
return gulp.src(['bower_components/materialize/dist/css/materialize.min.css', 'css/*.css']).pipe(concat('styles.css')).pipe(minify_css({
keepBreaks: true
})).pipe(gulp.dest('build'))
});
gulp.task('minify-css', ['sass'], function() {
return gulp.src('../D&D_5e.css')
.pipe(minifyCss())
.pipe(gulp.dest('../'));
});
gulp.task('build-css', function() {
gulp.src(cssArr)
.pipe(concat('build.min.css'))
.pipe(minifyCSS())
.pipe(gulp.dest('app/css'));
});
gulp.task('css', function() {
gulp.src('./build/css/bootstrap/dist/css/*.min.css')
.pipe(minifycss())
.pipe(concat('main.css'))
.pipe(gulp.dest('./css'));
});
gulp.task('compress', function(){
gulp.src('./public/assets/styles/styles.css')
.pipe(minifyCSS())
.pipe(gulp.dest('./public/assets/styles/compress/'))
.pipe(notify('Compress'));
});
gulp.task('styles', function() {
gulp.src(resourceDir + 'css/style.css')
.pipe(minifycss())
.pipe(rename('compiled.css'))
.pipe(gulp.dest(publicDir + 'css'));
});
gulp.task('copy', function(){
return gulp.src(toCopy, {base: './'})
.pipe(gulpIf('*.css', minifyCss()))
.pipe(gulp.dest('dist'));
});