50 lines
1.3 KiB
TypeScript
50 lines
1.3 KiB
TypeScript
/**
|
||
* css 分包，自动引入到rollup 打包后的 组件 index.js 中
|
||
* e.g Buttom/index.js
|
||
* before import './index.less'
|
||
* after import './index.css'
|
||
*/
|
||
|
||
import cpy from "cpy";
|
||
import { resolve, dirname } from "path";
|
||
import { promises as fs } from "fs";
|
||
import less from "less";
|
||
import glob from "fast-glob";
|
||
|
||
const rootPath = process.cwd();
|
||
const sourceDir = resolve(rootPath, "src");
|
||
//lib文件目录
|
||
const targetLib = resolve(rootPath, "dist/ui");
|
||
|
||
//src目录
|
||
const srcDir = resolve(rootPath, "src");
|
||
|
||
const buildLess = async () => {
|
||
//直接将less文件复制到打包后目录
|
||
await cpy([`${sourceDir}/**/*.less`], targetLib);
|
||
|
||
//获取打包后.less文件目录(lib和es一样)
|
||
const lessFiles = await glob("**/*.less", { cwd: srcDir, onlyFiles: true });
|
||
|
||
//遍历含有less的目录
|
||
for (let path in lessFiles) {
|
||
const filePath = `${srcDir}/${lessFiles[path]}`;
|
||
//获取less文件字符串
|
||
const lessCode = await fs.readFile(filePath, "utf-8");
|
||
//将less解析成css
|
||
|
||
const code = await less.render(lessCode, {
|
||
//指定src下对应less文件的文件夹为目录
|
||
paths: [srcDir, dirname(filePath)],
|
||
});
|
||
|
||
//拿到.css后缀path
|
||
const cssPath = lessFiles[path].replace(".less", ".css");
|
||
|
||
//将css写入对应目录
|
||
await fs.writeFile(resolve(targetLib, cssPath), code.css);
|
||
}
|
||
};
|
||
|
||
buildLess();
|