Files
unordered-ui-bundle/tasks/build.js
Dan Allen a2767b5448 upgrade dependencies
- upgrade dependencies
- add preview mode to build
- adding missing displayVersion properties in preview model
- exclude no-descending-specificity rule in stylelint
- fixes compatibility with Node 10
2018-12-26 15:40:49 -07:00

82 lines
2.5 KiB
JavaScript

'use strict'
const autoprefixer = require('autoprefixer')
const browserify = require('browserify')
const buffer = require('vinyl-buffer')
const concat = require('gulp-concat')
const cssnano = require('cssnano')
const fs = require('fs')
const imagemin = require('gulp-imagemin')
const map = require('map-stream')
const merge = require('merge-stream')
const mkdirp = require('mkdirp')
const path = require('path')
const postcss = require('gulp-postcss')
const postcssCalc = require('postcss-calc')
const postcssImport = require('postcss-import')
const postcssUrl = require('postcss-url')
const postcssVar = require('postcss-custom-properties')
const uglify = require('gulp-uglify')
const vfs = require('vinyl-fs')
module.exports = (src, dest, preview) => {
const opts = { base: src, cwd: src }
const postcssPlugins = [
postcssImport(),
postcssUrl([
{
filter: '**/~typeface-*/files/*',
url: (asset) => {
const relpath = asset.pathname.substr(1)
const abspath = path.resolve('node_modules', relpath)
const basename = path.basename(abspath)
const destpath = path.join(dest, 'font', basename)
if (!fs.existsSync(destpath)) {
const dirname = path.dirname(destpath)
if (!fs.existsSync(dirname)) {
mkdirp.sync(dirname)
}
fs.copyFileSync(abspath, destpath)
}
return path.join('..', 'font', basename)
},
},
]),
postcssVar({ preserve: preview ? 'preserve-computed' : false }),
postcssCalc(),
autoprefixer({ browsers: ['last 2 versions'] }),
preview ? () => {} : cssnano({ preset: 'default' }),
]
return merge([
vfs
.src('js/+([0-9])-*.js', opts)
.pipe(uglify())
.pipe(concat('js/site.js')),
vfs
.src('js/vendor/*.js', Object.assign({ read: false }, opts))
.pipe(
// see https://gulpjs.org/recipes/browserify-multiple-destination.html
map((file, next) => {
file.contents = browserify(file.relative, { basedir: src, detectGlobals: false }).bundle()
next(null, file)
})
)
.pipe(buffer())
.pipe(uglify()),
vfs.src('css/site.css', opts).pipe(postcss(postcssPlugins)),
vfs.src('font/*.woff*(2)', opts),
vfs.src('img/**/*.{jpg,ico,png,svg}', opts).pipe(imagemin()),
vfs.src('helpers/*.js', opts),
vfs.src('layouts/*.hbs', opts),
vfs.src('partials/*.hbs', opts),
]).pipe(vfs.dest(dest))
}