107 lines
3.1 KiB
JavaScript
107 lines
3.1 KiB
JavaScript
const fs = require('fs');
|
|
const swc = require('@swc/core');
|
|
const path = require('path');
|
|
const util = require('util');
|
|
const postcss = require('postcss');
|
|
const utils = require('./assets/utils.js');
|
|
const assproc = require('./assets/assproc.js');
|
|
|
|
const rootDir = __dirname;
|
|
|
|
const assetsDir = path.join(rootDir, 'assets');
|
|
const assetsInfo = path.join(assetsDir, 'current.json');
|
|
|
|
const pubDir = path.join(rootDir, 'public');
|
|
const pubAssets = '/assets';
|
|
const pubAssetsFull = path.join(pubDir, pubAssets);
|
|
const pubAssetCSSFormat = '%s-%s.css';
|
|
const pubAssetJSFormat = '%s-%s.js';
|
|
|
|
const isDebugBuild = fs.existsSync(path.join(rootDir, '.debug'));
|
|
|
|
const swcJscOptions = {
|
|
target: 'es2016',
|
|
loose: false,
|
|
externalHelpers: false,
|
|
keepClassNames: true,
|
|
preserveAllComments: false,
|
|
transform: {},
|
|
parser: {
|
|
syntax: 'ecmascript',
|
|
jsx: true,
|
|
dynamicImport: false,
|
|
privateMethod: false,
|
|
functionBind: false,
|
|
exportDefaultFrom: false,
|
|
exportNamespaceFrom: false,
|
|
decorators: false,
|
|
decoratorsBeforeExport: false,
|
|
topLevelAwait: true,
|
|
importMeta: false,
|
|
},
|
|
transform: {
|
|
react: {
|
|
runtime: 'classic',
|
|
pragma: '$er',
|
|
},
|
|
},
|
|
};
|
|
|
|
const postcssPlugins = [];
|
|
if(!isDebugBuild) postcssPlugins.push(require('cssnano'));
|
|
postcssPlugins.push(require('autoprefixer')({
|
|
remove: false,
|
|
}));
|
|
|
|
fs.mkdirSync(pubAssetsFull, { recursive: true });
|
|
|
|
(async () => {
|
|
console.log('Building assets...');
|
|
|
|
const dirs = fs.readdirSync(assetsDir);
|
|
const assets = {};
|
|
|
|
const _postcss = postcss(postcssPlugins);
|
|
|
|
for(const dir of dirs) {
|
|
const dirPath = path.join(assetsDir, dir);
|
|
if(!fs.statSync(dirPath).isDirectory())
|
|
continue;
|
|
|
|
const parts = dir.split('.', 2);
|
|
if(parts.length < 2)
|
|
continue;
|
|
|
|
console.log();
|
|
console.log(dir);
|
|
|
|
let filePath = '';
|
|
let fileBody = '';
|
|
|
|
if(parts[1] === 'js') {
|
|
fileBody = await assproc.process(dirPath, { 'prefix': '#', 'entry': 'main.js' });
|
|
fileBody = (await swc.transform(fileBody, {
|
|
filename: dir,
|
|
sourceMaps: false,
|
|
isModule: false,
|
|
minify: !isDebugBuild,
|
|
jsc: swcJscOptions,
|
|
})).code;
|
|
filePath = path.join(pubAssets, util.format(pubAssetJSFormat, parts[0], utils.shortHash(fileBody)));
|
|
} else if(parts[1] === 'css') {
|
|
fileBody = await assproc.process(dirPath, { 'prefix': '@', 'entry': 'main.css' });
|
|
fileBody = (await _postcss.process(fileBody, { from: dir })).css;
|
|
filePath = path.join(pubAssets, util.format(pubAssetCSSFormat, parts[0], utils.shortHash(fileBody)));
|
|
}
|
|
|
|
if(filePath !== '') {
|
|
assets[dir] = filePath;
|
|
fs.writeFileSync(path.join(pubDir, filePath), fileBody);
|
|
} else console.error(`Unknown type: ${parts[1]}`);
|
|
}
|
|
|
|
console.log('Writing assets info...');
|
|
fs.writeFileSync(assetsInfo, JSON.stringify(assets));
|
|
|
|
assproc.housekeep(pubAssetsFull);
|
|
})();
|