vant/build/build-style.js
2019-05-05 15:47:50 +08:00

62 lines
1.7 KiB
JavaScript

const fs = require('fs-extra');
const glob = require('fast-glob');
const path = require('path');
const less = require('less');
const csso = require('csso');
const postcss = require('postcss');
const postcssrc = require('postcss-load-config');
async function compileLess(lessCodes, paths) {
const outputs = await Promise.all(
lessCodes.map((source, index) =>
less.render(source, {
paths: [path.resolve(__dirname, 'node_modules')],
filename: paths[index]
})
)
);
return outputs.map(item => item.css);
}
async function compilePostcss(cssCodes, paths) {
const postcssConfig = await postcssrc();
const outputs = await Promise.all(
cssCodes.map((css, index) =>
postcss(postcssConfig.plugins).process(css, { from: paths[index] })
)
);
return outputs.map(item => item.css);
}
async function compileCsso(cssCodes) {
return cssCodes.map(css => csso.minify(css).css);
}
async function dest(output, paths) {
await Promise.all(
output.map((css, index) => fs.writeFile(paths[index].replace('.less', '.css'), css))
);
// icon.less should be replaced by compiled file
const iconCss = await glob(['./es/icon/*.css', './lib/icon/*.css'], { absolute: true });
iconCss.forEach(file => {
fs.copyFileSync(file, file.replace('.css', '.less'));
});
}
// compile component css
async function compile() {
let codes;
const paths = await glob(['./es/**/*.less', './lib/**/*.less'], { absolute: true });
codes = await Promise.all(paths.map(path => fs.readFile(path, 'utf-8')));
codes = await compileLess(codes, paths);
codes = await compilePostcss(codes, paths);
codes = await compileCsso(codes);
await dest(codes, paths);
}
compile();