joyqi
101 lines
2.7 KiB
JavaScript
101 lines
2.7 KiB
JavaScript
const sass = require('node-sass'),
|
|
color = require('chalk'),
|
|
fs = require('fs'),
|
|
SpriteMagicImporter = require('sprite-magic-importer'),
|
|
UglifyJS = require("uglify-js"),
|
|
srcDir = __dirname + '/../admin/src',
|
|
distDir = __dirname + '/../admin',
|
|
themeDir = __dirname + '/../usr/themes/classic-22',
|
|
action = process.argv.pop();
|
|
|
|
let spriteImporter = SpriteMagicImporter({
|
|
sass_dir: srcDir,
|
|
images_dir: srcDir + '/img',
|
|
generated_images_dir: distDir + '/img',
|
|
http_stylesheets_path: '.',
|
|
http_generated_images_path: 'img',
|
|
use_cache: false,
|
|
cache_dir: __dirname + '/tmp',
|
|
|
|
// spritesmith options
|
|
spritesmith: {
|
|
algorithm: 'top-down',
|
|
padding: 0
|
|
},
|
|
|
|
// imagemin-pngquant options
|
|
pngquant: {
|
|
quality: 75,
|
|
speed: 10
|
|
}
|
|
});
|
|
|
|
function buildSass(file, dist, sassDir)
|
|
{
|
|
let outFile = dist + '/' + file.split('.')[0] + '.css';
|
|
console.log(color.green('processing ' + file));
|
|
|
|
sass.render({
|
|
file: sassDir + '/' + file,
|
|
outFile: outFile,
|
|
includePaths: [sassDir],
|
|
outputStyle: 'compressed',
|
|
importer: spriteImporter
|
|
}, function (error, result) {
|
|
if (error) {
|
|
console.error(color.red('Error: ' + error.message));
|
|
console.error(color.red('File: ' + error.file + ' [Line:' + error.line + ']'
|
|
+ '[Col:' + error.column + ']'));
|
|
} else {
|
|
fs.writeFileSync(outFile, result.css.toString());
|
|
}
|
|
});
|
|
}
|
|
|
|
function minifyJs(file, dist)
|
|
{
|
|
console.log(color.green('minify ' + file));
|
|
let code = {};
|
|
code[file] = fs.readFileSync(srcDir + '/js/' + file).toString('utf8');
|
|
|
|
fs.writeFileSync(
|
|
dist + '/' + file,
|
|
UglifyJS.minify(code).code
|
|
);
|
|
}
|
|
|
|
function listFiles(dir, regExp)
|
|
{
|
|
let files = fs.readdirSync(dir), result = [];
|
|
|
|
files.map(function (file) {
|
|
if (file.match(regExp)) {
|
|
result.push(file);
|
|
}
|
|
});
|
|
|
|
return result;
|
|
}
|
|
|
|
if (action === 'css') {
|
|
console.log(color.blue('build css'));
|
|
|
|
listFiles(srcDir + '/scss', /^[a-z0-9-]+\.scss$/).forEach(function (file) {
|
|
buildSass(file, distDir + '/css', srcDir + '/scss');
|
|
});
|
|
} else if (action === 'js') {
|
|
console.log(color.blue('build js'));
|
|
|
|
listFiles(srcDir + '/js', /^[-\w]+\.js$/).forEach(function (file) {
|
|
minifyJs(file, distDir + '/js');
|
|
});
|
|
} else if (action === 'theme_css') {
|
|
console.log(color.blue('build theme css'));
|
|
|
|
listFiles(themeDir + '/static/scss', /^[a-z0-9-]+\.scss$/).forEach(function (file) {
|
|
buildSass(file, themeDir + '/static/css', themeDir + '/static/scss');
|
|
});
|
|
} else {
|
|
console.log(color.red('Please choose correct action.'));
|
|
}
|