lvyjs 0.0.2 → 0.1.0

package/README.md

@@ -1,43 +1,5 @@
 # LVY
 
-长春藤。 一款为 node 构建的开发工具
+一款为 node 构建的开发工具
 
-```sh
-npm install lvyjs -D
-```
-
-```ts
-// lvy.config.ts
-import { defineConfig } from 'lvyjs'
-import { alias, files } from 'lvyjs/plugins'
-import { fileURLToPath } from 'url'
-import { dirname, join } from 'path'
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = dirname(__filename)
-export default defineConfig({
-  plugins: [
-    {
-      name: 'my-app',
-      callback: () => {
-        // 要执行的会调函数
-      }
-    }
-  ],
-  build: {
-    plugins: [
-      alias({
-        entries: [{ find: '@src', replacement: join(__dirname, 'src') }]
-      }),
-      files({ filter: /\.(png|jpg)$/ })
-    ]
-  }
-})
-```
-
-```sh
-npx lvy dev
-```
-
-```sh
-npx lvy build
-```
+https://github.com/lemonade-lab/lvyjs

package/lib/build/rullup.js

@@ -4,8 +4,10 @@ import typescript from '@rollup/plugin-typescript';
 import commonjs from '@rollup/plugin-commonjs';
 import json from '@rollup/plugin-json';
 import styles from 'rollup-plugin-styles';
-import { runRollupStylesCSSImport } from '../plugins/loader-css.js';
 import { getFiles } from './get-files.js';
+import alias from '@rollup/plugin-alias';
+import { rollupStylesCSSImport } from '../plugins/loader-css.js';
+import { rollupAssets } from '../plugins/loader-files.js';
 
 /**
  * 用于忽略警告
@@ -18,38 +20,103 @@ const onwarn = (warning, warn) => {
     warn(warning);
 };
 /**
- *
+ * 打包 JS
+ * *** 注意 **
+ * 和initConfig配合使用
+ * **
+ * 确保已经初始化了配置
  * @param inputs
  * @param output
  */
-const buildJs = async (inputs, output) => {
-    // 从全局变量中，拿到 rollup 的配置
-    const plguins = [];
-    // 存在build配置
-    if (global?.lvyConfig?.build) {
-        const p = global.lvyConfig.build?.plugins;
-        if (p && Array.isArray(p)) {
-            // 遍历插件
-            const ps = p.filter(item => item.belong == 'rollup');
-            for (const item of ps) {
-                plguins.push(item.load());
+const buildJS = async (inputs, output) => {
+    if (!global.lvyConfig)
+        global.lvyConfig = {};
+    if (!global.lvyConfig.build)
+        global.lvyConfig.build = {};
+    // 插件
+    const plugins = [];
+    for (const key in global.lvyConfig.build) {
+        if (typeof global.lvyConfig.build[key] == 'boolean') {
+            continue;
+        }
+        if (key === 'alias' && !global.lvyConfig.build['@rollup/plugin-alias']) {
+            plugins.push(alias(global.lvyConfig.build[key]));
+        }
+        else if (key === 'assets') {
+            plugins.push(rollupAssets(global.lvyConfig.build[key]));
+        }
+        else if (key === 'styles') {
+            plugins.push(styles({
+                mode: ['inject', () => '']
+            }));
+            plugins.push(rollupStylesCSSImport(global.lvyConfig.build[key]));
+        }
+        else if (key === 'commonjs' && !global.lvyConfig.build['@rollup/plugin-commonjs']) {
+            plugins.push(commonjs(global.lvyConfig.build[key]));
+        }
+        else if (key === 'json' && !global.lvyConfig.build['@rollup/plugin-json']) {
+            plugins.push(json(global.lvyConfig.build[key]));
+        }
+        else if (key === 'typescript' && !global.lvyConfig.build['@rollup/plugin-typescript']) {
+            plugins.push(typescript(global.lvyConfig.build[key]));
+        }
+        else if (key === 'plugins') {
+            if (Array.isArray(global.lvyConfig.build[key])) {
+                for (const plugin of global.lvyConfig.build[key]) {
+                    plugins.push(plugin);
+                }
             }
         }
+        else {
+            const plugin = (await import(key)).default;
+            plugins.push(plugin(global.lvyConfig.build[key]));
+        }
     }
-    const bundle = await rollup({
-        input: inputs,
-        plugins: [
-            ...plguins,
-            styles({
+    // 如果不存在这些配置
+    const keys = ['assets', 'styles', 'commonjs', 'json', 'typescript'];
+    for (const key of keys) {
+        // 如果是布尔值
+        if (typeof global.lvyConfig.build[key] == 'boolean') {
+            continue;
+        }
+        // 存在这些配置
+        if (global.lvyConfig.build[key]) {
+            continue;
+        }
+        //
+        if (key == 'assets') {
+            plugins.push(rollupAssets());
+        }
+        else if (key == 'styles') {
+            plugins.push(styles({
                 mode: ['inject', () => '']
-            }),
-            runRollupStylesCSSImport(),
-            commonjs(),
-            json(),
-            typescript()
-        ],
-        onwarn: onwarn
-    });
+            }));
+            plugins.push(rollupStylesCSSImport());
+        }
+        else if (key === 'commonjs') {
+            plugins.push(commonjs());
+        }
+        else if (key === 'json') {
+            plugins.push(json());
+        }
+        else if (key === 'typescript') {
+            plugins.push(typescript());
+        }
+        else if (key === 'plugins') {
+            plugins.push(alias());
+        }
+    }
+    // rollup 配置
+    const Options = global.lvyConfig.build?.rollupOptions ?? {};
+    // rollup 配置
+    const rollupOptions = {
+        input: inputs,
+        plugins: plugins,
+        onwarn: onwarn,
+        ...Options
+    };
+    // build
+    const bundle = await rollup(rollupOptions);
     // 写入输出文件
     await bundle.write({
         dir: output,
@@ -64,7 +131,7 @@ const buildJs = async (inputs, output) => {
  */
 async function buildAndRun(input, output) {
     const inputFiles = getFiles(join(process.cwd(), input));
-    await buildJs(inputFiles, output);
+    await buildJS(inputFiles, output);
 }
 
-export { buildAndRun };
+export { buildAndRun, buildJS };

package/lib/index.d.ts

@@ -1 +1 @@
-export { defineConfig } from './store.js';
+export { defineConfig, initConfig } from './store.js';

package/lib/index.js

@@ -1,46 +1,50 @@
-import { buildAndRun } from './build/rullup.js'
-import { initConfig } from './store.js'
-export { defineConfig } from './store.js'
+import { buildAndRun } from './build/rullup.js';
+import { initConfig } from './store.js';
+export { defineConfig } from './store.js';
 
 /**
  * @param input
  */
 const onDev = async () => {
-  const apps = []
-  // 修改config
-  for (const plugin of global.lvyConfig.plugins) {
-    if (plugin?.config) {
-      const cfg = await plugin.config(global.lvyConfig)
-      global.lvyConfig = {
-        ...global.lvyConfig,
-        ...cfg
-      }
+    // 修改config
+    for (const plugin of global.lvyConfig.plugins) {
+        if (plugin?.config) {
+            const cfg = await plugin.config(global.lvyConfig);
+            for (const key in cfg) {
+                // 不能覆盖plugins
+                if (cfg[key] != 'plugins') {
+                    // 覆盖
+                    global.lvyConfig[key] = cfg[key];
+                }
+            }
+        }
     }
-    apps.push(plugin)
-  }
-  // 执行loader
-  await import('./loader/main.js')
-  // 执行callback
-  for (const app of apps) {
-    if (app?.callback) await app.callback()
-  }
-}
+    // 执行loader
+    await import('./loader/main.js');
+    // 执行 useApp
+    for (const plugin of global.lvyConfig.plugins) {
+        if (plugin?.useApp)
+            await plugin.useApp();
+    }
+};
 /**
  *
  * @param input
  * @param ouput
  */
 const onBuild = () => {
-  buildAndRun('src', 'lib')
-}
-
+    buildAndRun('src', 'lib');
+};
 const main = async () => {
-  if (process.argv.includes('--lvy-dev')) {
-    await initConfig()
-    onDev()
-  } else if (process.argv.includes('--lvy-build')) {
-    await initConfig()
-    onBuild()
-  }
-}
-main()
+    if (process.argv.includes('--lvy-dev')) {
+        await initConfig();
+        onDev();
+    }
+    else if (process.argv.includes('--lvy-build')) {
+        await initConfig();
+        onBuild();
+    }
+};
+main();
+
+export { initConfig };

package/lib/loader/esbuild.js

@@ -1,214 +1,36 @@
-import { resolve, relative, dirname, join } from 'path';
-import { existsSync, readFileSync } from 'fs';
-import { spawn } from 'child_process';
 import esbuild from 'esbuild';
-import crypto from 'node:crypto';
+import { esBuildAsstes, esBuildCSS } from './plugins.js';
 
-let tsconfig = null;
-let aliases = {};
-const assetsReg = /\.(png|jpg|jpeg|gif|svg|webp|ico)$/;
-const cssReg = /\.(css|scss)$/;
-// 初始化函数，读取并解析 tsconfig.json 文件
-const init = () => {
-    try {
-        const tsconfigPath = resolve(process.cwd(), 'tsconfig.json');
-        if (existsSync(tsconfigPath)) {
-            const tsconfigContent = readFileSync(tsconfigPath, 'utf-8');
-            tsconfig = JSON.parse(tsconfigContent);
-            aliases = tsconfig.compilerOptions?.paths || {};
-        }
-        else {
-            tsconfig = 'error';
-        }
-    }
-    catch {
-        tsconfig = 'error';
-    }
-};
-// 初始化配置
-init();
-/**
- *
- * @param input
- * @param output
- */
-const startCssPost = (input, output) => {
-    const run = ['postcss', input, '-o', output, '--watch'];
-    // 启动 Tailwind 进程
-    const cssPostProcess = spawn('npx', run, {
-        stdio: 'inherit',
-        shell: process.platform === 'win32'
-    });
-    cssPostProcess.on('error', err => {
-        console.error('Failed to start Tailwind process:', err);
-    });
-};
-/**
- * 生成模块内容
- * @param {string} relativePath 相对路径
- */
-const generateModuleContent = (relativePath) => {
-    const contents = [
-        'const createUrl = (basePath, path) => {',
-        "const platform = ['linux', 'android', 'darwin'];",
-        'const T = platform.includes(process.platform);',
-        'const reg = T ? /^file:\\/\\// : /^file:\\/\\/\\//;',
-        "return new URL(path, basePath).href.replace(reg, '');",
-        '};',
-        `const fileUrl = createUrl(import.meta.url, '${relativePath}');`,
-        'export default fileUrl;'
-    ].join('\n');
-    return contents;
-};
-const chache = {};
-const getHash = (str) => {
-    // 使用 MD5 算法创建哈希对象
-    const hash = crypto.createHash('md5');
-    // 更新哈希对象内容
-    hash.update(str);
-    return hash.digest('hex');
-};
+// 插件
+const plugins = [];
 /**
  *
- * @param inputPath
- * @returns
  */
-const convertPath = (inputPath) => {
-    return process.platform === 'win32' ? inputPath.replace(/\\/g, '/') : inputPath;
-};
-const handleAsstesFile = (url) => {
-    for (const alias in aliases) {
-        const aliasPattern = alias.replace('/*', '');
-        if (url.startsWith(aliasPattern)) {
-            const aliasPaths = aliases[alias];
-            for (const aliasPath of aliasPaths) {
-                const fileUrl = join(process.cwd(), aliasPath.replace('/*', ''), url.replace(aliasPattern, ''));
-                return `export default "${convertPath(fileUrl)}";`;
-            }
+const initPlugins = async () => {
+    for (const key in global.lvyConfig.esbuild) {
+        if (typeof global.lvyConfig.esbuild[key] == 'boolean') {
+            continue;
         }
     }
-    return null;
-};
-/**
- *
- * @param param0
- */
-const esBuildAsstesFule = () => {
-    const index = process.argv.indexOf('--import-assets');
-    const filter = index != -1 ? new RegExp(process.argv[index + 1]) : assetsReg;
-    const namespace = 'assets';
-    return {
-        name: 'file-loader',
-        setup(build) {
-            const outputDirs = new Map();
-            // 过滤图片文件
-            build.onResolve({ filter }, args => {
-                const dir = resolve(args.resolveDir, args.path);
-                outputDirs.set(dir, args.importer);
-                return {
-                    path: dir,
-                    namespace
-                };
-            });
-            build.onLoad({ filter, namespace }, async (args) => {
-                if (!outputDirs.has(args.path))
-                    return null;
-                const outputDir = outputDirs.get(args.path);
-                const relativePath = relative(dirname(outputDir), args.path);
-                // 不管是别名资源。都只是需要返回一个路径
-                const aliasResult = handleAsstesFile(relativePath);
-                if (aliasResult) {
-                    return {
-                        contents: aliasResult,
-                        loader: 'js'
-                    };
-                }
-                return {
-                    contents: generateModuleContent(relativePath),
-                    loader: 'js'
-                };
-            });
+    // 如果不存在这些配置
+    const keys = ['assets', 'styles'];
+    for (const key of keys) {
+        // 如果是布尔值
+        if (typeof global.lvyConfig.esbuild[key] == 'boolean') {
+            continue;
         }
-    };
-};
-/**
- *
- * @param fileUrl
- * @returns
- */
-const handleCSS = (fileUrl) => {
-    const hash = getHash(fileUrl);
-    const outputDir = join(process.cwd(), 'node_modules', 'alemonjs', 'assets', `${hash}.css`);
-    if (!chache[fileUrl]) {
-        startCssPost(fileUrl, outputDir);
-        chache[fileUrl] = true;
-    }
-    return outputDir;
-};
-/**
- * 处理路径别名的加载
- * @param {string} url URL
- * @returns {object|null} 加载结果
- */
-const handleCSSPath = (url) => {
-    for (const alias in aliases) {
-        const aliasPattern = alias.replace('/*', '');
-        if (url.startsWith(aliasPattern)) {
-            const aliasPaths = aliases[alias];
-            for (const aliasPath of aliasPaths) {
-                const fileUrl = join(process.cwd(), aliasPath.replace('/*', ''), url.replace(aliasPattern, ''));
-                const outputDir = handleCSS(fileUrl);
-                return `export default "${convertPath(outputDir)}";`;
-            }
+        // 存在这些配置
+        if (global.lvyConfig.esbuild[key]) {
+            continue;
         }
-    }
-    return null;
-};
-/**
- * css资源处理插件
- * @param param0
- * @returns
- */
-const esBuildCSS = () => {
-    const index = process.argv.indexOf('--import-css');
-    const filter = index != -1 ? new RegExp(process.argv[index + 1]) : cssReg;
-    const namespace = 'css';
-    return {
-        name: 'css-loader',
-        setup(build) {
-            const outputDirs = new Map();
-            // 过滤 CSS/SCSS 文件
-            build.onResolve({ filter }, args => {
-                const dir = resolve(args.resolveDir, args.path);
-                outputDirs.set(dir, args.importer);
-                return {
-                    path: dir,
-                    namespace
-                };
-            });
-            // 加载 CSS/SCSS 文件
-            build.onLoad({ filter, namespace }, async (args) => {
-                if (!outputDirs.has(args.path))
-                    return null;
-                const outputDir = outputDirs.get(args.path);
-                // 计算相对路径
-                const relativePath = relative(dirname(outputDir), args.path);
-                // 处理路径别名的加载
-                const aliasResult = handleCSSPath(relativePath);
-                if (aliasResult) {
-                    return {
-                        contents: aliasResult,
-                        loader: 'js'
-                    };
-                }
-                // 不是别名资源
-                return {
-                    contents: `export default "${convertPath(handleCSS(args.path))}";`,
-                    loader: 'js'
-                };
-            });
+        //
+        if (key == 'assets') {
+            plugins.push(esBuildAsstes());
+        }
+        else if (key === 'styles') {
+            plugins.push(esBuildCSS());
         }
-    };
+    }
 };
 /**
  *
@@ -216,23 +38,37 @@ const esBuildCSS = () => {
  * @returns
  */
 const ESBuild = async (input) => {
-    const plugins = [];
-    if (!process.arch.includes('--no-import-css')) {
-        plugins.push(esBuildCSS());
-    }
-    if (!process.arch.includes('--no-import-assets')) {
-        plugins.push(esBuildAsstesFule());
+    // 如果没有配置
+    if (!global.lvyConfig)
+        global.lvyConfig = {};
+    if (!global.lvyConfig.esbuild)
+        global.lvyConfig.esbuild = {};
+    // 如果没有插件
+    if (plugins.length === 0) {
+        // init plugisn
+        await initPlugins();
     }
+    //
+    const options = global.lvyConfig.esbuild?.options || {};
+    // 构建
     const result = await esbuild.build({
+        // 入口文件
         entryPoints: [input],
+        //
         bundle: true,
+        // 平台
         platform: 'node',
+        // 输出格式
         format: 'esm',
+        // 不写入文件
         write: false,
         plugins,
-        external: ['*']
+        // 忽略所有外部依赖
+        external: ['*'],
+        ...options
     });
+    // 返回结果
     return result.outputFiles.map(file => new TextDecoder().decode(file.contents)).join('\n');
 };
 
-export { ESBuild, esBuildAsstesFule, esBuildCSS };
+export { ESBuild };

package/lib/loader/index.js

@@ -20,11 +20,10 @@ const load = async (url, context, defaultLoad) => {
         return defaultLoad(url, context);
     }
     const code = await ESBuild(url.replace(reg, ''));
-    return {
+    return defaultLoad(url, {
         format: 'module',
-        source: code,
-        shortCircuit: true
-    };
+        source: code
+    });
 };
 
 export { load };

package/lib/loader/plugins.d.ts

@@ -0,0 +1,10 @@
+type ESBuildAsstesOptions = {
+    filter?: RegExp;
+    namespace?: string;
+};
+type ESBuildCSSOptions = {
+    filter?: RegExp;
+    namespace?: string;
+};
+
+export type { ESBuildAsstesOptions, ESBuildCSSOptions };

package/lib/loader/plugins.js

@@ -0,0 +1,218 @@
+import { resolve, relative, dirname, join } from 'path';
+import { existsSync, readFileSync } from 'fs';
+import { spawn } from 'child_process';
+import crypto from 'node:crypto';
+import JSON5 from 'json5';
+
+let tsconfig = null;
+let aliases = {};
+const assetsReg = /\.(png|jpg|jpeg|gif|svg|webp|ico)$/;
+const cssReg = /\.(css|scss)$/;
+// 初始化函数，读取并解析 tsconfig.json 文件
+const init = () => {
+    try {
+        const tsconfigPath = resolve(process.cwd(), 'tsconfig.json');
+        if (existsSync(tsconfigPath)) {
+            const tsconfigContent = readFileSync(tsconfigPath, 'utf-8');
+            tsconfig = JSON5.parse(tsconfigContent);
+            aliases = tsconfig.compilerOptions?.paths || {};
+        }
+        else {
+            tsconfig = 'error';
+        }
+    }
+    catch {
+        tsconfig = 'error';
+    }
+};
+// 初始化配置
+init();
+/**
+ *
+ * @param input
+ * @param output
+ */
+const startCssPost = (input, output) => {
+    const run = ['postcss', input, '-o', output, '--watch'];
+    // 启动 Tailwind 进程
+    const cssPostProcess = spawn('npx', run, {
+        stdio: 'inherit',
+        shell: process.platform === 'win32'
+    });
+    cssPostProcess.on('error', err => {
+        console.error('Failed to start Tailwind process:', err);
+    });
+    process.on('exit', () => {
+        cssPostProcess.kill();
+    });
+};
+/**
+ * 生成模块内容
+ * @param {string} relativePath 相对路径
+ */
+const generateModuleContent = (relativePath) => {
+    const contents = [
+        'const createUrl = (basePath, path) => {',
+        "const platform = ['linux', 'android', 'darwin'];",
+        'const T = platform.includes(process.platform);',
+        'const reg = T ? /^file:\\/\\// : /^file:\\/\\/\\//;',
+        "return new URL(path, basePath).href.replace(reg, '');",
+        '};',
+        `const fileUrl = createUrl(import.meta.url, '${relativePath}');`,
+        'export default fileUrl;'
+    ].join('\n');
+    return contents;
+};
+const chache = {};
+const getHash = (str) => {
+    // 使用 MD5 算法创建哈希对象
+    const hash = crypto.createHash('md5');
+    // 更新哈希对象内容
+    hash.update(str);
+    return hash.digest('hex');
+};
+/**
+ *
+ * @param inputPath
+ * @returns
+ */
+const convertPath = (inputPath) => {
+    return process.platform === 'win32' ? inputPath.replace(/\\/g, '/') : inputPath;
+};
+const handleAsstesFile = (url) => {
+    for (const alias in aliases) {
+        const aliasPattern = alias.replace('/*', '');
+        if (url.startsWith(aliasPattern)) {
+            const aliasPaths = aliases[alias];
+            for (const aliasPath of aliasPaths) {
+                const fileUrl = join(process.cwd(), aliasPath.replace('/*', ''), url.replace(aliasPattern, ''));
+                return `export default "${convertPath(fileUrl)}";`;
+            }
+        }
+    }
+    return null;
+};
+/**
+ *
+ * @param fileUrl
+ * @returns
+ */
+const handleCSS = (fileUrl) => {
+    const hash = getHash(fileUrl);
+    const outputDir = join(process.cwd(), 'node_modules', 'lvyjs', 'assets', `${hash}.css`);
+    if (!chache[fileUrl]) {
+        startCssPost(fileUrl, outputDir);
+        chache[fileUrl] = true;
+    }
+    return outputDir;
+};
+/**
+ * 处理路径别名的加载
+ * @param {string} url URL
+ * @returns {object|null} 加载结果
+ */
+const handleCSSPath = (url) => {
+    for (const alias in aliases) {
+        const aliasPattern = alias.replace('/*', '');
+        if (url.startsWith(aliasPattern)) {
+            const aliasPaths = aliases[alias];
+            for (const aliasPath of aliasPaths) {
+                const fileUrl = join(process.cwd(), aliasPath.replace('/*', ''), url.replace(aliasPattern, ''));
+                const outputDir = handleCSS(fileUrl);
+                return `export default "${convertPath(outputDir)}";`;
+            }
+        }
+    }
+    return null;
+};
+/**
+ *
+ * @param param0
+ */
+const esBuildAsstes = (optoins = {}) => {
+    // 默认配置
+    const filter = optoins?.filter ?? assetsReg;
+    const namespace = optoins?.namespace ?? 'assets';
+    // 返回插件
+    return {
+        name: 'assets-loader',
+        setup(build) {
+            const outputDirs = new Map();
+            // 过滤图片文件
+            build.onResolve({ filter }, args => {
+                const dir = resolve(args.resolveDir, args.path);
+                outputDirs.set(dir, args.importer);
+                return {
+                    path: dir,
+                    namespace
+                };
+            });
+            build.onLoad({ filter, namespace }, async (args) => {
+                if (!outputDirs.has(args.path))
+                    return null;
+                const outputDir = outputDirs.get(args.path);
+                const relativePath = relative(dirname(outputDir), args.path);
+                // 不管是别名资源。都只是需要返回一个路径
+                const aliasResult = handleAsstesFile(relativePath);
+                if (aliasResult) {
+                    return {
+                        contents: aliasResult,
+                        loader: 'js'
+                    };
+                }
+                return {
+                    contents: generateModuleContent(relativePath),
+                    loader: 'js'
+                };
+            });
+        }
+    };
+};
+/**
+ * css资源处理插件
+ * @param param0
+ * @returns
+ */
+const esBuildCSS = (optoins = {}) => {
+    const filter = optoins?.filter || cssReg;
+    const namespace = optoins?.namespace || 'css';
+    // 返回插件
+    return {
+        name: 'css-loader',
+        setup(build) {
+            const outputDirs = new Map();
+            // 过滤 CSS/SCSS 文件
+            build.onResolve({ filter }, args => {
+                const dir = resolve(args.resolveDir, args.path);
+                outputDirs.set(dir, args.importer);
+                return {
+                    path: dir,
+                    namespace
+                };
+            });
+            // 加载 CSS/SCSS 文件
+            build.onLoad({ filter, namespace }, async (args) => {
+                if (!outputDirs.has(args.path))
+                    return null;
+                const outputDir = outputDirs.get(args.path);
+                // 计算相对路径
+                const relativePath = relative(dirname(outputDir), args.path);
+                // 处理路径别名的加载
+                const aliasResult = handleCSSPath(relativePath);
+                if (aliasResult) {
+                    return {
+                        contents: aliasResult,
+                        loader: 'js'
+                    };
+                }
+                // 不是别名资源
+                return {
+                    contents: `export default "${convertPath(handleCSS(args.path))}";`,
+                    loader: 'js'
+                };
+            });
+        }
+    };
+};
+
+export { esBuildAsstes, esBuildCSS };

package/lib/plugins/index.d.ts

@@ -1,27 +1,2 @@
-import * as rollup from 'rollup';
-import { RollupAliasOptions } from '@rollup/plugin-alias';
-
-/**
- * ruleup别名插件
- * @param options
- * @returns
- */
-declare const alias: (options?: RollupAliasOptions) => {
-    belong: "rollup" | "esbuild" | "other";
-    name: string;
-    load: () => rollup.Plugin<any>;
-};
-/**
- * ruleup插件：对指定类型文件进行字符串引用处理
- * @param options
- * @returns
- */
-declare const files: (options: {
-    filter: RegExp;
-}) => {
-    belong: "rollup" | "esbuild" | "other";
-    name: string;
-    load: () => rollup.InputPluginOption;
-};
-
-export { alias, files };
+export { RollupStylesCSSImportOptions, rollupStylesCSSImport } from './loader-css.js';
+export { RollupAssetsOptions, rollupAssets } from './loader-files.js';

package/lib/plugins/index.js

@@ -1,29 +1,2 @@
-import aliasx from '@rollup/plugin-alias';
-import { rollupNodeFiles } from './loader-files.js';
-
-/**
- * ruleup别名插件
- * @param options
- * @returns
- */
-const alias = (options) => {
-    return {
-        belong: 'rollup',
-        name: 'alias',
-        load: () => aliasx(options)
-    };
-};
-/**
- * ruleup插件：对指定类型文件进行字符串引用处理
- * @param options
- * @returns
- */
-const files = (options) => {
-    return {
-        belong: 'rollup',
-        name: 'import-files',
-        load: () => rollupNodeFiles(options)
-    };
-};
-
-export { alias, files };
+export { rollupStylesCSSImport } from './loader-css.js';
+export { rollupAssets } from './loader-files.js';

package/lib/plugins/loader-css.d.ts

@@ -0,0 +1,12 @@
+import { InputPluginOption } from 'rollup';
+
+type RollupStylesCSSImportOptions = {
+    include?: RegExp;
+};
+/**
+ *
+ * @returns
+ */
+declare const rollupStylesCSSImport: ({ include }?: RollupStylesCSSImportOptions) => InputPluginOption;
+
+export { type RollupStylesCSSImportOptions, rollupStylesCSSImport };

package/lib/plugins/loader-css.js

@@ -5,8 +5,7 @@ import { resolve, dirname, basename } from 'node:path';
  *
  * @returns
  */
-const runRollupStylesCSSImport = () => {
-    const { include = /\.(css|scss)$/i } = {};
+const rollupStylesCSSImport = ({ include = /\.(css|scss)$/i } = {}) => {
     const filter = createFilter(include, null);
     return {
         name: 'c-css',
@@ -56,4 +55,4 @@ const runRollupStylesCSSImport = () => {
     };
 };
 
-export { runRollupStylesCSSImport };
+export { rollupStylesCSSImport };

package/lib/plugins/loader-files.d.ts

@@ -0,0 +1,12 @@
+import { InputPluginOption } from 'rollup';
+
+type RollupAssetsOptions = {
+    filter?: RegExp;
+};
+/**
+ * @param {Object} options
+ * @returns {Object}
+ */
+declare const rollupAssets: ({ filter }?: RollupAssetsOptions) => InputPluginOption;
+
+export { type RollupAssetsOptions, rollupAssets };

package/lib/plugins/loader-files.js

@@ -5,7 +5,7 @@ import { readFileSync } from 'fs';
  * @param {Object} options
  * @returns {Object}
  */
-const rollupNodeFiles = ({ filter }) => {
+const rollupAssets = ({ filter = /\.(png|jpg|jpeg|gif|svg|webp|ico)$/ } = {}) => {
     return {
         name: 'rollup-node-files',
         resolveId(source, importer) {
@@ -35,4 +35,4 @@ const rollupNodeFiles = ({ filter }) => {
     };
 };
 
-export { rollupNodeFiles };
+export { rollupAssets };

package/lib/store.d.ts

@@ -1,40 +1,106 @@
-import { RollupOptions } from 'rollup'
+import { RollupAliasOptions } from '@rollup/plugin-alias';
+import { RollupOptions } from 'rollup';
+import { RollupStylesCSSImportOptions } from './plugins/loader-css.js';
+import { RollupCommonJSOptions } from '@rollup/plugin-commonjs';
+import { RollupJsonOptions } from '@rollup/plugin-json';
+import { RollupTypescriptOptions } from '@rollup/plugin-typescript';
+import { SameShape, BuildOptions } from 'esbuild';
+import { RollupAssetsOptions } from './plugins/loader-files.js';
+import { ESBuildAsstesOptions, ESBuildCSSOptions } from './loader/plugins.js';
 
 type Options = {
-  plugins?: {
-    name: string
     /**
-     * ⚠️直接optoins进行调整
-     * @param options
-     * @returns
+     * 配置调整机及其回调插件
      */
-    config?: (options: Options) => Options
+    plugins?: {
+        /**
+         * 应用名
+         */
+        name: string;
+        /**
+         * ⚠️直接optoins进行调整
+         * @param options
+         * @returns
+         */
+        config?: (options: Options) => Options;
+        /**
+         * 执行
+         */
+        useApp?: () => void;
+    }[];
     /**
-     * 执行
+     * 运行时配置
      */
-    callback?: () => void
-  }[]
-  build?: {
-    plugins?: {
-      belong: 'rollup' | 'esbuild' | 'other'
-      name: string
-      load: any
-    }[]
-    rollupOptions?: {
-      input?: string | string[]
-    } & RollupOptions
-  }
-}
+    esbuild?: {
+        [key: string]: any;
+        /**
+         * 资源
+         */
+        assets?: ESBuildAsstesOptions | false;
+        /**
+         * 样式处理
+         */
+        styles?: ESBuildCSSOptions | false;
+        /**
+         * ⚠️ 直接覆盖esbuild配置
+         */
+        options?: SameShape<BuildOptions, BuildOptions>;
+    };
+    /**
+     * 打包时配置
+     */
+    build?: {
+        [key: string]: any;
+        /**
+         * 别名
+         */
+        alias?: RollupAliasOptions | false;
+        /**
+         * 文件过滤
+         */
+        assets?: RollupAssetsOptions | false;
+        /**
+         * 样式处理配置
+         */
+        styles?: RollupStylesCSSImportOptions | false;
+        /**
+         * cjs文件处理
+         */
+        commonjs?: RollupCommonJSOptions | false;
+        /**
+         * josn文件处理
+         */
+        json?: RollupJsonOptions | false;
+        /**
+         * ts配置
+         */
+        typescript?: RollupTypescriptOptions | false;
+        /**
+         *
+         */
+        plugins?: any[];
+        /**
+         * ⚠️ 直接覆盖build配置
+         */
+        rollupOptions?: {
+            input?: string | string[];
+        } & RollupOptions;
+    };
+};
 /**
  *
  */
 declare global {
-  var lvyConfig: Options
+    var lvyConfig: Options;
 }
+/**
+ *
+ */
+declare const initConfig: () => Promise<void>;
 /**
  * @param param0
  * @returns
  */
-declare const defineConfig: (optoins?: Options) => Options
+declare const defineConfig: (optoins?: Options) => Options;
 
-export { type Options, defineConfig }
+export { type Options, defineConfig, initConfig };

package/lib/store.js

@@ -5,10 +5,8 @@ import { join } from 'path';
  *
  */
 const initConfig = async () => {
-    if (!global.lvyConfig) {
-        // init
+    if (!global.lvyConfig)
         global.lvyConfig = {};
-    }
     const files = [
         'lvy.config.ts',
         'lvy.config.js',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lvyjs",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "tsx compile script",
   "author": "lemonade",
   "license": "MIT",
@@ -26,6 +26,7 @@
     "postcss-styled": "^0.34.0",
     "postcss-syntax": "^0.36.2",
     "postcss-url": "^10.1.3",
+    "json5": "^2.2.3",
     "rollup": "^4.18.1",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-styles": "^4.0.0",
@@ -51,10 +52,6 @@
     "./env": {
       "types": "./env.d.ts"
     },
-    "./plugins": {
-      "import": "./lib/plugins/index.js",
-      "types": "./lib/plugins/index.d.ts"
-    },
     "./tsconfig.json": {
       "import": "./tsconfig.json",
       "types": "./tsconfig.json"
@@ -72,9 +69,9 @@
     "registry": "https://registry.npmjs.org",
     "access": "public"
   },
-  "bugs": "https://github.com/ningmengchongshui/alemonjs/issues",
+  "bugs": "https://github.com/lemonade-lab/lvy/issues",
   "repository": {
     "type": "git",
-    "url": "https://github.com/ningmengchongshui/alemonjs.git"
+    "url": "https://github.com/lemonade-lab/lvy.git"
   }
 }