snuffster/szurubooru
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

client/build: compile vendor packages separately

Browse source
This commit is contained in:
rr- 2016-05-14 13:50:39 +02:00
parent 2cba1a432f
commit 914bee4c64
2 changed files with 45 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
client/build.js
View file

@ -98,29 +98,56 @@ function bundleCss() {
css += stylus.render(
fs.readFileSync(file, 'utf-8'), {filename: file});
}
fs.writeFileSync('./public/bundle.min.css', minify(css));
fs.writeFileSync('./public/app.min.css', minify(css));
console.info('Bundled CSS');
});
}
function writeJsBundle(b, path, message) {
const uglifyjs = require('uglify-js');
let outputFile = fs.createWriteStream(path);
b.bundle().pipe(outputFile);
outputFile.on('finish', function() {
if (!config.debug) {
const result = uglifyjs.minify(path);
fs.writeFileSync(path, result.code);
}
console.info(message);
});
}
function bundleJs(config) {
const babelify = require('babelify');
const browserify = require('browserify');
const uglifyjs = require('uglify-js');
glob('./js/**/*.js', {}, function(er, files) {
const outputFile = fs.createWriteStream('./public/bundle.min.js');
let b = browserify({debug: config.debug});
if (config.transpile) {
b = b.transform(babelify);
}
b.add(files).bundle().pipe(outputFile);
outputFile.on('finish', function() {
if (!config.debug) {
const result = uglifyjs.minify('./public/bundle.min.js');
fs.writeFileSync('./public/bundle.min.js', result.code);
const external = [
'lodash',
'superagent',
'mousetrap',
'js-cookie',
'page',
'nprogress',
'babel-polyfill',
];
glob('./js/**/*.js', {}, (er, files) => {
{
let b = browserify();
for (let lib of external) {
b.require(lib);
}
console.info('Bundled JS');
});
writeJsBundle(b, './public/vendor.min.js', 'Bundled vendor JS');
}
{
let outputFile = fs.createWriteStream('./public/app.min.js');
let b = browserify({debug: config.debug});
if (config.transpile) {
b = b.transform(babelify);
}
b.external(external);
b.on('dep', dep => { console.log(dep.file); });
b.add(files);
writeJsBundle(b, './public/app.min.js', 'Bundled app JS');
}
});
}

5
client/html/index.htm
View file

@ -4,7 +4,7 @@
<meta charset='utf-8'/>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title><!-- confiured in config file --></title>
<link href='/bundle.min.css' rel='stylesheet' type='text/css'/>
<link href='/app.min.css' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<link href='//fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>
<link rel='shortcut icon' type='image/png' href='/favicon.png'/>
@ -12,6 +12,7 @@
<body>
<div id='top-nav-holder'></div>
<div id='content-holder'></div>
<script type='text/javascript' src='/bundle.min.js'></script>
<script type='text/javascript' src='/vendor.min.js'></script>
<script type='text/javascript' src='/app.min.js'></script>
</body>
</html>