140 lines
3.4 KiB
JavaScript
140 lines
3.4 KiB
JavaScript
import gulp from 'gulp'
|
|
import postcss from 'gulp-postcss'
|
|
import sass from 'gulp-sass'
|
|
import imageMin from 'gulp-imagemin'
|
|
import uglify from 'gulp-uglify'
|
|
import concat from 'gulp-concat'
|
|
import webpack from 'webpack-stream'
|
|
import named from 'vinyl-named'
|
|
import autoprefixer from 'autoprefixer'
|
|
import cssnano from 'cssnano'
|
|
|
|
let env = process.env['NODE_ENV'] || 'production'
|
|
let isProduction = env === 'production'
|
|
|
|
gulp.task('compile 3rdparty', () => {
|
|
const files = [
|
|
'./node_modules/jquery/dist/jquery.min.js',
|
|
'./node_modules/angular/angular.min.js',
|
|
'./node_modules/angular-route/angular-route.min.js',
|
|
'./node_modules/angulartics/dist/angulartics.min.js',
|
|
'./node_modules/angulartics-google-analytics/dist/angulartics-ga.min.js',
|
|
'./node_modules/spin.js/spin.js',
|
|
'./node_modules/angular-spinner/angular-spinner.min.js',
|
|
'./node_modules/socket.io-client/socket.io.js',
|
|
|
|
'./node_modules/babel-polyfill/dist/polyfill.min.js'
|
|
]
|
|
|
|
return gulp.src(files)
|
|
.pipe(concat('libs.js'))
|
|
.pipe(uglify())
|
|
.pipe(gulp.dest('./public'))
|
|
})
|
|
|
|
gulp.task('style', () => {
|
|
const processors = [
|
|
autoprefixer({
|
|
browsers: ['last 1 version']
|
|
}),
|
|
cssnano({
|
|
zindex: false
|
|
})
|
|
]
|
|
|
|
return gulp.src('./src/style/style.scss')
|
|
.pipe(sass())
|
|
.pipe(postcss(processors))
|
|
.pipe(concat('style.css'))
|
|
.pipe(gulp.dest('./public'))
|
|
})
|
|
|
|
gulp.task('style-accessibility', () => {
|
|
const processors = [
|
|
autoprefixer({
|
|
browsers: ['last 1 version']
|
|
}),
|
|
cssnano({
|
|
zindex: false
|
|
})
|
|
]
|
|
|
|
return gulp.src('./src/style-accessibility/style.scss')
|
|
.pipe(sass())
|
|
.pipe(postcss(processors))
|
|
.pipe(concat('style-accessibility.css'))
|
|
.pipe(gulp.dest('./public'))
|
|
})
|
|
|
|
gulp.task('copy fonts', () => {
|
|
return gulp.src('./src/assets/fonts/*/*')
|
|
.pipe(gulp.dest('./public/fonts'))
|
|
})
|
|
|
|
gulp.task('copy graphics', () => {
|
|
return gulp.src('./src/assets/graphics/*')
|
|
.pipe(gulp.dest('./public/graphics'))
|
|
})
|
|
|
|
gulp.task('copy 3rdparty', () => {
|
|
return gulp.src('./src/3rdparty/*')
|
|
.pipe(gulp.dest('./public'))
|
|
})
|
|
|
|
gulp.task('copy robots.txt', () => {
|
|
return gulp.src('./robots.txt')
|
|
.pipe(gulp.dest('./public'))
|
|
})
|
|
|
|
gulp.task('copy templates', () => {
|
|
return gulp.src('./src/templates/**')
|
|
.pipe(gulp.dest('./out/templates'))
|
|
})
|
|
|
|
gulp.task('compile', () => {
|
|
const doWatch = !isProduction
|
|
const doSourceMaps = !isProduction
|
|
|
|
return gulp.src([
|
|
'./src/client/app.js'
|
|
])
|
|
.pipe(named())
|
|
.pipe(webpack({
|
|
devtool: doSourceMaps ? 'inline-source-map' : null,
|
|
watch: doWatch,
|
|
output: {
|
|
filename: '[name].js'
|
|
},
|
|
module: {
|
|
loaders: [
|
|
{test: /\.js$/, loader: 'babel'},
|
|
{test: /\.html$/, loader: 'raw!html-minify'}
|
|
]
|
|
},
|
|
'html-minify-loader': {
|
|
empty: true,
|
|
cdata: true,
|
|
comments: false,
|
|
dom: {
|
|
lowerCaseAttributeNames: false
|
|
}
|
|
}
|
|
}))
|
|
.pipe(gulp.dest('./public'))
|
|
})
|
|
|
|
gulp.task('imagemin', () => {
|
|
return gulp.src('./src/assets/graphics/**/*')
|
|
.pipe(imageMin())
|
|
.pipe(gulp.dest('./public/graphics'))
|
|
})
|
|
|
|
gulp.task('production', () => {
|
|
isProduction = true
|
|
})
|
|
|
|
gulp.task('default', ['style', 'style-accessibility', 'compile'])
|
|
gulp.task('copy', ['copy templates', 'copy fonts', 'copy graphics', 'copy 3rdparty', 'copy robots.txt'])
|
|
gulp.task('deploy', ['default', 'copy', 'compile 3rdparty', 'imagemin'])
|
|
gulp.task('compile production', ['production', 'compile'])
|