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();
|