lvyjs 0.2.11 → 0.2.13

package/lib/postcss.js

@@ -1,36 +1,42 @@
-import fs from 'fs';
-import postcss from 'postcss';
-import { createRequire } from 'module';
-import { join, resolve, dirname, isAbsolute } from 'path';
-import { createAlias } from './config.js';
+import fs from 'fs'
+import postcss from 'postcss'
+import { createRequire } from 'module'
+import { join, resolve, dirname, isAbsolute } from 'path'
+import { convertPath, createAlias } from './config.js'
 
-const require = createRequire(import.meta.url);
+const require = createRequire(import.meta.url)
 const config = {
-    css: null,
-    sass: null,
-    less: null,
-    scss: null
-};
+  css: null,
+  sass: null,
+  less: null,
+  scss: null
+}
 function LessAliasPlugin(aliases) {
-    return {
-        install: function (less, pluginManager) {
-            const AliasFileManager = new less.FileManager();
-            AliasFileManager.loadFile = function (filename, currentDirectory, options, environment) {
-                // 替换路径中的别名
-                for (const alias in aliases) {
-                    if (filename.startsWith(alias)) {
-                        filename = filename.replace(alias, aliases[alias]);
-                        break;
-                    }
-                }
-                const fullPath = isAbsolute(filename) ? filename : resolve(currentDirectory, filename);
-                return less.FileManager.prototype.loadFile.call(this, fullPath, currentDirectory, options, environment);
-            };
-            // 注册自定义文件管理器
-            pluginManager.addFileManager(AliasFileManager);
-        },
-        minVersion: [3, 0] // 支持的最低 LESS 版本
-    };
+  return {
+    install: function (less, pluginManager) {
+      const AliasFileManager = new less.FileManager()
+      AliasFileManager.loadFile = function (filename, currentDirectory, options, environment) {
+        // 替换路径中的别名
+        for (const alias in aliases) {
+          if (filename.startsWith(alias)) {
+            filename = filename.replace(alias, aliases[alias])
+            break
+          }
+        }
+        const fullPath = isAbsolute(filename) ? filename : resolve(currentDirectory, filename)
+        return less.FileManager.prototype.loadFile.call(
+          this,
+          fullPath,
+          currentDirectory,
+          options,
+          environment
+        )
+      }
+      // 注册自定义文件管理器
+      pluginManager.addFileManager(AliasFileManager)
+    },
+    minVersion: [3, 0] // 支持的最低 LESS 版本
+  }
 }
 /**
  *
@@ -39,95 +45,92 @@ function LessAliasPlugin(aliases) {
  * @returns
  */
 const loadPostcssConfig = (configPath, typing) => {
-    if (config[typing]) {
-        return {
-            plugins: config[typing]
-        };
-    }
-    const plugins = [];
-    let aliasEntries = [];
-    if (typeof global.lvyConfig?.alias != 'boolean') {
-        aliasEntries = global.lvyConfig.alias?.entries || [];
-    }
-    const includeKeys = ['postcss-import', 'postcss-url', 'autoprefixer'];
-    //
-    if (aliasEntries.length > 0) {
-        // 创建 postcss-import 插件并配置别名解析
-        try {
-            plugins.push(require('postcss-import')({
-                resolve: (id, basedir) => {
-                    // 检查别名
-                    for (const entry of aliasEntries) {
-                        if (id.startsWith(entry.find)) {
-                            const aliasedPath = id.replace(entry.find, entry.replacement);
-                            return resolve(basedir, aliasedPath); // 返回绝对路径
-                        }
-                    }
-                    return id; // 默认返回原始路径
-                }
-            }));
-        }
-        catch (err) {
-            console.error(err);
-        }
-        try {
-            plugins.push(require('postcss-url')({
-                url: asset => {
-                    // 使用 resolve 逻辑处理 URL
-                    for (const entry of aliasEntries) {
-                        if (asset.url.startsWith(entry.find)) {
-                            const aliasedPath = asset.url.replace(entry.find, entry.replacement);
-                            return aliasedPath; // 返回解析后的 URL
-                        }
-                    }
-                    return asset.url; // 返回原始路径
-                }
-            }));
-        }
-        catch (err) {
-            console.error(err);
-        }
+  if (config[typing]) {
+    return {
+      plugins: config[typing]
     }
-    for (let i = 2; i < includeKeys.length; i++) {
-        plugins.push(require(includeKeys[i])({}));
+  }
+  const plugins = []
+  let aliasEntries = []
+  if (typeof global.lvyConfig?.alias != 'boolean') {
+    aliasEntries = global.lvyConfig.alias?.entries || []
+  }
+  const includeKeys = ['postcss-import', 'postcss-url', 'autoprefixer']
+  //
+  if (aliasEntries.length > 0) {
+    // 创建 postcss-import 插件并配置别名解析
+    try {
+      plugins.push(
+        require('postcss-import')({
+          resolve: (id, basedir) => {
+            // 检查别名
+            for (const entry of aliasEntries) {
+              if (id.startsWith(entry.find)) {
+                const aliasedPath = id.replace(entry.find, entry.replacement)
+                return convertPath(resolve(basedir, aliasedPath))
+              }
+            }
+            return id // 默认返回原始路径
+          }
+        })
+      )
+    } catch (err) {
+      console.error(err)
     }
     try {
-        if (fs.existsSync(configPath)) {
-            const cfg = require(configPath);
-            // 添加其他插件
-            if (!Array.isArray(cfg.plugins)) {
-                const keys = Object.keys(cfg.plugins);
-                for (const key of keys) {
-                    try {
-                        if (includeKeys.includes(key))
-                            continue;
-                        const pluginConfig = cfg.plugins[key];
-                        const plugin = require(key);
-                        if (typeof plugin === 'function') {
-                            plugins.push(plugin(pluginConfig));
-                        }
-                        else {
-                            throw new Error(`插件 ${key} 不是有效的 PostCSS 插件函数`);
-                        }
-                    }
-                    catch (err) {
-                        console.error(`加载 PostCSS 插件 ${key} 失败:`, err);
-                    }
-                }
+      plugins.push(
+        require('postcss-url')({
+          url: asset => {
+            // 使用 resolve 逻辑处理 URL
+            for (const entry of aliasEntries) {
+              if (asset.url.startsWith(entry.find)) {
+                const aliasedPath = asset.url.replace(entry.find, entry.replacement)
+                return convertPath(aliasedPath)
+              }
             }
-            else {
-                plugins.push(...cfg.plugins);
+            return convertPath(asset.url)
+          }
+        })
+      )
+    } catch (err) {
+      console.error(err)
+    }
+  }
+  for (let i = 2; i < includeKeys.length; i++) {
+    plugins.push(require(includeKeys[i])({}))
+  }
+  try {
+    if (fs.existsSync(configPath)) {
+      const cfg = require(configPath)
+      // 添加其他插件
+      if (!Array.isArray(cfg.plugins)) {
+        const keys = Object.keys(cfg.plugins)
+        for (const key of keys) {
+          try {
+            if (includeKeys.includes(key)) continue
+            const pluginConfig = cfg.plugins[key]
+            const plugin = require(key)
+            if (typeof plugin === 'function') {
+              plugins.push(plugin(pluginConfig))
+            } else {
+              throw new Error(`插件 ${key} 不是有效的 PostCSS 插件函数`)
             }
+          } catch (err) {
+            console.error(`加载 PostCSS 插件 ${key} 失败:`, err)
+          }
         }
+      } else {
+        plugins.push(...cfg.plugins)
+      }
     }
-    catch (err) {
-        console.error('加载 PostCSS 配置失败:', err);
-    }
-    config[typing] = plugins;
-    return {
-        plugins: config[typing]
-    };
-};
+  } catch (err) {
+    console.error('加载 PostCSS 配置失败:', err)
+  }
+  config[typing] = plugins
+  return {
+    plugins: config[typing]
+  }
+}
 /**
  *
  * @param inputPath
@@ -135,68 +138,63 @@ const loadPostcssConfig = (configPath, typing) => {
  * @returns
  */
 const postCSS = (inputPath, outputPath) => {
-    const configPath = join(process.cwd(), 'postcss.config.cjs');
-    let typing = 'css';
-    let parser = undefined;
-    if (/\.sass$/.test(inputPath)) {
-        typing = 'sass';
+  const configPath = join(process.cwd(), 'postcss.config.cjs')
+  let typing = 'css'
+  let parser = undefined
+  if (/\.sass$/.test(inputPath)) {
+    typing = 'sass'
+  } else if (/\.less$/.test(inputPath)) {
+    typing = 'less'
+  } else if (/\.scss$/.test(inputPath)) {
+    typing = 'scss'
+  }
+  const postcssConfig = loadPostcssConfig(configPath, 'css')
+  if (!postcssConfig) return
+  const readAndProcessCSS = async () => {
+    let css = ''
+    if (typing === 'less') {
+      const less = require('less')
+      const lessResult = await less.render(fs.readFileSync(inputPath, 'utf-8'), {
+        filename: inputPath,
+        plugins: [LessAliasPlugin(createAlias(global.lvyConfig?.alias))] // 使用插件
+      })
+      css = lessResult.css
+    } else if (typing === 'sass' || typing === 'scss') {
+      const sass = require('sass')
+      const sassResult = sass.renderSync({ file: inputPath })
+      css = sassResult.css.toString()
+    } else {
+      css = fs.readFileSync(inputPath, 'utf-8')
     }
-    else if (/\.less$/.test(inputPath)) {
-        typing = 'less';
+    fs.mkdirSync(dirname(outputPath), { recursive: true })
+    const result = await postcss(postcssConfig.plugins).process(css, {
+      parser: parser,
+      from: inputPath,
+      to: outputPath
+    })
+    fs.writeFileSync(outputPath, result.css)
+    if (result.warnings().length) {
+      result.warnings().forEach(warn => {
+        console.warn(warn.toString())
+      })
     }
-    else if (/\.scss$/.test(inputPath)) {
-        typing = 'scss';
-    }
-    const postcssConfig = loadPostcssConfig(configPath, 'css');
-    if (!postcssConfig)
-        return;
-    const readAndProcessCSS = async () => {
-        let css = '';
-        if (typing === 'less') {
-            const less = require('less');
-            const lessResult = await less.render(fs.readFileSync(inputPath, 'utf-8'), {
-                filename: inputPath,
-                plugins: [LessAliasPlugin(createAlias(global.lvyConfig?.alias))] // 使用插件
-            });
-            css = lessResult.css;
-        }
-        else if (typing === 'sass' || typing === 'scss') {
-            const sass = require('sass');
-            const sassResult = sass.renderSync({ file: inputPath });
-            css = sassResult.css.toString();
-        }
-        else {
-            css = fs.readFileSync(inputPath, 'utf-8');
-        }
-        fs.mkdirSync(dirname(outputPath), { recursive: true });
-        const result = await postcss(postcssConfig.plugins).process(css, {
-            parser: parser,
-            from: inputPath,
-            to: outputPath
-        });
-        fs.writeFileSync(outputPath, result.css);
-        if (result.warnings().length) {
-            result.warnings().forEach(warn => {
-                console.warn(warn.toString());
-            });
-        }
-        const dependencies = result.messages
-            .filter(msg => msg.type === 'dependency')
-            .map(msg => msg.file);
-        for (const dep of dependencies) {
-            fs.watch(dep, eventType => {
-                if (eventType === 'change') {
-                    readAndProcessCSS();
-                }
-            });
-        }
-    };
-    readAndProcessCSS();
-    fs.watch(inputPath, eventType => {
+    const dependencies = result.messages
+      .filter(msg => msg.type === 'dependency')
+      .map(msg => msg.file)
+    for (const dep of dependencies) {
+      fs.watch(dep, eventType => {
         if (eventType === 'change') {
-            readAndProcessCSS();
+          readAndProcessCSS()
         }
-    });
-};
+      })
+    }
+  }
+  readAndProcessCSS()
+  fs.watch(inputPath, eventType => {
+    if (eventType === 'change') {
+      readAndProcessCSS()
+    }
+  })
+}
 
-export { LessAliasPlugin as default, postCSS };
+export { LessAliasPlugin as default, postCSS }

package/lib/rullup/index.d.ts

@@ -7,11 +7,11 @@
  * @param inputs
  * @param output
  */
-declare const buildJS: (inputs: string[]) => Promise<void>;
+declare const buildJS: (inputs: string[]) => Promise<void>
 /**
  *
  * @param script
  */
-declare function buildAndRun(): Promise<void>;
+declare function buildAndRun(): Promise<void>
 
-export { buildAndRun, buildJS };
+export { buildAndRun, buildJS }

package/lib/rullup/index.js

@@ -1,14 +1,14 @@
-import { rollup } from 'rollup';
-import { join } from 'path';
-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 { getScriptFiles } from './utils/files.js';
-import alias from '@rollup/plugin-alias';
-import { rollupStylesCSSImport } from './plugins/loader-css.js';
-import { rollupAssets } from './plugins/loader-files.js';
-import { createAlias } from '../config.js';
+import { rollup } from 'rollup'
+import { join } from 'path'
+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 { getScriptFiles } from './utils/files.js'
+import alias from '@rollup/plugin-alias'
+import { rollupStylesCSSImport } from './plugins/loader-css.js'
+import { rollupAssets } from './plugins/loader-files.js'
+import { createAlias } from '../config.js'
 
 /**
  * 用于忽略警告
@@ -16,10 +16,9 @@ import { createAlias } from '../config.js';
  * @param warn
  */
 const onwarn = (warning, warn) => {
-    if (warning.code === 'UNRESOLVED_IMPORT')
-        return;
-    warn(warning);
-};
+  if (warning.code === 'UNRESOLVED_IMPORT') return
+  warn(warning)
+}
 /**
  * 打包 JS
  * *** 注意 **
@@ -29,102 +28,95 @@ const onwarn = (warning, warn) => {
  * @param inputs
  * @param output
  */
-const buildJS = async (inputs) => {
-    if (!global.lvyConfig)
-        global.lvyConfig = {};
-    if (!global.lvyConfig.build)
-        global.lvyConfig.build = {};
-    // 插件
-    const plugins = [];
-    if (typeof global.lvyConfig?.alias !== 'boolean') {
-        plugins.push(alias(global.lvyConfig?.alias ?? {}));
-    }
-    if (typeof global.lvyConfig?.assets !== 'boolean') {
-        plugins.push(rollupAssets(global.lvyConfig?.assets ?? {}));
+const buildJS = async inputs => {
+  if (!global.lvyConfig) global.lvyConfig = {}
+  if (!global.lvyConfig.build) global.lvyConfig.build = {}
+  // 插件
+  const plugins = []
+  if (typeof global.lvyConfig?.alias !== 'boolean') {
+    plugins.push(alias(global.lvyConfig?.alias ?? {}))
+  }
+  if (typeof global.lvyConfig?.assets !== 'boolean') {
+    plugins.push(rollupAssets(global.lvyConfig?.assets ?? {}))
+  }
+  if (typeof global.lvyConfig?.styles !== 'boolean') {
+    if (!global.lvyConfig.alias) global.lvyConfig.alias = {}
+    plugins.push(
+      styles({
+        alias: createAlias(global.lvyConfig?.alias),
+        mode: ['inject', () => '']
+      })
+    )
+    plugins.push(rollupStylesCSSImport(global.lvyConfig.styles))
+  }
+  plugins.push(json())
+  if (typeof global.lvyConfig.build != 'boolean') {
+    //
+    for (const key in global.lvyConfig.build) {
+      if (typeof global.lvyConfig.build[key] == 'boolean') {
+        continue
+      }
+      if (key == 'commonjs' && !global.lvyConfig.build['@rollup/plugin-commonjs']) {
+        plugins.push(commonjs(global.lvyConfig.build[key]))
+      } else if (key == 'typescript' && !global.lvyConfig.build['@rollup/plugin-typescript']) {
+        plugins.push(typescript(global.lvyConfig.build[key]))
+      } else if (key == 'OutputOptions') {
+        continue
+      } else if (key == 'RollupOptions') {
+        continue
+      }
     }
-    if (typeof global.lvyConfig?.styles !== 'boolean') {
-        if (!global.lvyConfig.alias)
-            global.lvyConfig.alias = {};
-        plugins.push(styles({
-            alias: createAlias(global.lvyConfig?.alias),
-            mode: ['inject', () => '']
-        }));
-        plugins.push(rollupStylesCSSImport(global.lvyConfig.styles));
+    // 如果不存在这些配置
+    const keys = ['commonjs', 'typescript']
+    for (const key of keys) {
+      // 如果是布尔值
+      if (typeof global.lvyConfig.build[key] == 'boolean') {
+        continue
+      }
+      // 存在这些配置
+      if (global.lvyConfig.build[key]) {
+        continue
+      }
+      //
+      if (key === 'commonjs') {
+        plugins.push(commonjs())
+      } else if (key === 'typescript') {
+        plugins.push(typescript())
+      }
     }
-    plugins.push(json());
-    if (typeof global.lvyConfig.build != 'boolean') {
-        //
-        for (const key in global.lvyConfig.build) {
-            if (typeof global.lvyConfig.build[key] == 'boolean') {
-                continue;
-            }
-            if (key == 'commonjs' && !global.lvyConfig.build['@rollup/plugin-commonjs']) {
-                plugins.push(commonjs(global.lvyConfig.build[key]));
-            }
-            else if (key == 'typescript' && !global.lvyConfig.build['@rollup/plugin-typescript']) {
-                plugins.push(typescript(global.lvyConfig.build[key]));
-            }
-            else if (key == 'OutputOptions') {
-                continue;
-            }
-            else if (key == 'RollupOptions') {
-                continue;
-            }
-        }
-        // 如果不存在这些配置
-        const keys = ['commonjs', 'typescript'];
-        for (const key of keys) {
-            // 如果是布尔值
-            if (typeof global.lvyConfig.build[key] == 'boolean') {
-                continue;
-            }
-            // 存在这些配置
-            if (global.lvyConfig.build[key]) {
-                continue;
-            }
-            //
-            if (key === 'commonjs') {
-                plugins.push(commonjs());
-            }
-            else if (key === 'typescript') {
-                plugins.push(typescript());
-            }
-        }
-    }
-    const RollupOptions = global.lvyConfig?.build?.RollupOptions ?? {};
-    const plg = await RollupOptions?.plugins;
-    const pl = plg && typeof plg != 'boolean' ? plg : [];
-    // build
-    const bundle = await rollup({
-        input: inputs,
-        onwarn: onwarn,
-        ...RollupOptions,
-        plugins: Array.isArray(pl) ? [...plugins, ...pl] : pl
-    });
-    const OutputOptions = global.lvyConfig?.build?.OutputOptions ?? [];
-    // 写入输出文件
-    await bundle.write({
-        dir: 'lib',
-        format: 'es',
-        sourcemap: false,
-        preserveModules: true,
-        assetFileNames: 'assets/[name]-[hash][extname]',
-        ...OutputOptions
-    });
-};
+  }
+  const RollupOptions = global.lvyConfig?.build?.RollupOptions ?? {}
+  const plg = await RollupOptions?.plugins
+  const pl = plg && typeof plg != 'boolean' ? plg : []
+  // build
+  const bundle = await rollup({
+    input: inputs,
+    onwarn: onwarn,
+    ...RollupOptions,
+    plugins: Array.isArray(pl) ? [...plugins, ...pl] : pl
+  })
+  const OutputOptions = global.lvyConfig?.build?.OutputOptions ?? []
+  // 写入输出文件
+  await bundle.write({
+    dir: 'lib',
+    format: 'es',
+    sourcemap: false,
+    preserveModules: true,
+    assetFileNames: 'assets/[name]-[hash][extname]',
+    ...OutputOptions
+  })
+}
 /**
  *
  * @param script
  */
 async function buildAndRun() {
-    if (!global.lvyConfig)
-        global.lvyConfig = {};
-    if (!global.lvyConfig.build)
-        global.lvyConfig.build = {};
-    // rollup 配置
-    let inputDir = global.lvyConfig?.build?.OutputOptions?.input ?? 'src';
-    const inputFiles = getScriptFiles(join(process.cwd(), inputDir));
-    await buildJS(inputFiles);
+  if (!global.lvyConfig) global.lvyConfig = {}
+  if (!global.lvyConfig.build) global.lvyConfig.build = {}
+  // rollup 配置
+  let inputDir = global.lvyConfig?.build?.OutputOptions?.input ?? 'src'
+  const inputFiles = getScriptFiles(join(process.cwd(), inputDir))
+  await buildJS(inputFiles)
 }
 
-export { buildAndRun, buildJS };
+export { buildAndRun, buildJS }