@es-pkg/compile 1.0.5 → 1.0.7

package/cjs/index.js

@@ -1,197 +1,230 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var gulp = require('@es-pkg/gulp');
-var utils = require('@es-pkg/utils');
-var config = require('@es-pkg/config');
-var rollup = require('rollup');
-var resolve = require('@rollup/plugin-node-resolve');
-var commonjs = require('@rollup/plugin-commonjs');
-var typescript = require('@rollup/plugin-typescript');
-var json = require('@rollup/plugin-json');
-var postcss = require('rollup-plugin-postcss');
-var autoprefixer = require('autoprefixer');
-var cssnano = require('cssnano');
-var path = require('node:path');
-var fs = require('node:fs');
-var node_module = require('node:module');
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+var import_gulp = __toESM(require("@es-pkg/gulp"));
+var import_utils = require("@es-pkg/utils");
+var import_config = require("@es-pkg/config");
+var import_rollup = require("rollup");
+var import_plugin_node_resolve = __toESM(require("@rollup/plugin-node-resolve"));
+var import_plugin_commonjs = __toESM(require("@rollup/plugin-commonjs"));
+var import_plugin_typescript = __toESM(require("@rollup/plugin-typescript"));
+var import_plugin_json = __toESM(require("@rollup/plugin-json"));
+var import_rollup_plugin_postcss = __toESM(require("rollup-plugin-postcss"));
+var import_autoprefixer = __toESM(require("autoprefixer"));
+var import_cssnano = __toESM(require("cssnano"));
+var import_node_path = __toESM(require("node:path"));
+var import_node_fs = __toESM(require("node:fs"));
+var import_rollup_plugin_esbuild = __toESM(require("rollup-plugin-esbuild"));
+var import_node_module = require("node:module");
 const clean = () => {
-    utils.log(`清除 ${config.relativeToApp(config.config.es)} & ${config.relativeToApp(config.config.cjs)} 目录---开始`);
-    const promises = [
-        utils.remove(config.config.publishDir, true),
-        utils.remove(config.config.es, true),
-        utils.remove(config.config.cjs, true),
-        utils.remove(config.config.iife, true),
-    ];
-    return Promise.all(promises).then(res => {
-        utils.log(`清除 ${config.relativeToApp(config.config.es)} & ${config.relativeToApp(config.config.cjs)} 目录---结束`);
-    });
+  (0, import_utils.log)(`\u6E05\u9664 ${(0, import_config.relativeToApp)(import_config.config.es)} & ${(0, import_config.relativeToApp)(import_config.config.cjs)} \u76EE\u5F55---\u5F00\u59CB`);
+  const promises = [
+    (0, import_utils.remove)(import_config.config.publishDir, true),
+    (0, import_utils.remove)(import_config.config.es, true),
+    (0, import_utils.remove)(import_config.config.cjs, true),
+    (0, import_utils.remove)(import_config.config.iife, true)
+  ];
+  return Promise.all(promises).then((res) => {
+    (0, import_utils.log)(`\u6E05\u9664 ${(0, import_config.relativeToApp)(import_config.config.es)} & ${(0, import_config.relativeToApp)(import_config.config.cjs)} \u76EE\u5F55---\u7ED3\u675F`);
+  });
 };
 function getPostcss(extract) {
-    return postcss({
-        // 处理 Less（需安装 less）
-        extensions: ['.less', '.scss', '.sass'], // 识别 less 扩展名
-        // 为不同类型的文件指定对应的编译器（关键修改）
-        use: {
-            "stylus": ['sass'],
-            'less': ['less'], //.less 文件用 less 编译
-            'sass': ['sass'] //.sass 文件用 sass 编译（缩进语法）
-        },
-        // 配置 PostCSS 插件（自动前缀、压缩）
-        plugins: [
-            autoprefixer({ overrideBrowserslist: config.config.css.browserslist }),
-            cssnano() // 生产环境压缩 CSS
-        ],
-        // 输出配置：提取为单独的 CSS 文件（推荐）
-        extract, // 提取到 ${name}.min.css
-        // 可选：不提取，嵌入到 JS 中（通过 import 会生成 style 标签）
-        // extract: false
-    });
+  return (0, import_rollup_plugin_postcss.default)({
+    // 处理 Less（需安装 less）
+    extensions: [".less", ".scss", ".sass"],
+    // 识别 less 扩展名
+    // 为不同类型的文件指定对应的编译器（关键修改）
+    use: {
+      "stylus": ["sass"],
+      "less": ["less"],
+      //.less 文件用 less 编译
+      "sass": ["sass"]
+      //.sass 文件用 sass 编译（缩进语法）
+    },
+    // 配置 PostCSS 插件（自动前缀、压缩）
+    plugins: [
+      (0, import_autoprefixer.default)({ overrideBrowserslist: import_config.config.css.browserslist }),
+      (0, import_cssnano.default)()
+      // 生产环境压缩 CSS
+    ],
+    // 输出配置：提取为单独的 CSS 文件（推荐）
+    extract
+    // 提取到 ${name}.min.css
+    // 可选：不提取，嵌入到 JS 中（通过 import 会生成 style 标签）
+    // extract: false
+  });
 }
-const name = utils.getValidPkgName(config.pkg.name);
-// 1. 配置输入选项
-function getInputOptions(isIIFE, declarationDir) {
-    function isNodeModule(id) {
-        // 获取模块绝对路径
-        try {
-            const resolved = require.resolve(id, { paths: [process.cwd()] });
-            return resolved.includes('node_modules');
-        }
-        catch {
-            // 无法 resolve 的，认为是本地模块
-            return false;
-        }
+const name = (0, import_utils.getValidPkgName)(import_config.pkg.name);
+function getInputOptions(format, declarationDir) {
+  function isNodeModule(id) {
+    try {
+      const resolved = require.resolve(id, { paths: [process.cwd()] });
+      return resolved.includes("node_modules");
+    } catch {
+      return false;
     }
-    return ({
-        input: config.shallowInputs.filter(item => !item.endsWith('.d.ts')),
-        external: id => {
-            // Node 内置模块或者 npm 包都 external
-            if (node_module.builtinModules.includes(id))
-                return true;
-            // 排除本地相对路径和绝对路径，别名映射到本地也不会 external
-            if (id.startsWith('.') || path.isAbsolute(id))
-                return false;
-            // node_modules 下的模块才 external
-            return isNodeModule(id);
-        },
-        plugins: [
-            json(),
-            isIIFE && resolve(), // 解析 node_modules
-            commonjs(), // 转换 CommonJS 模块
-            typescript({
-                tsconfig: config.resolveApp('tsconfig.json'), // 可选，指定 tsconfig
-                compilerOptions: {
-                    noImplicitAny: true,
-                    isolatedModules: false,
-                    declaration: !!declarationDir,
-                    allowImportingTsExtensions: false,
-                    declarationDir,
-                    noEmit: false,
-                    emitDeclarationOnly: !!declarationDir,
-                    esModuleInterop: true,
-                    resolveJsonModule: true,
-                    skipLibCheck: true,
-                    removeComments: false,
-                    rootDir: config.resolveApp('src'), // ✅ 指定源代码根目录
-                }
-            }),
-            getPostcss(config.config.css.extract)
-        ].filter(Boolean)
-    });
+  }
+  return {
+    input: import_config.shallowInputs.filter((item) => !item.endsWith(".d.ts")),
+    external: (id) => {
+      if (import_node_module.builtinModules.includes(id))
+        return true;
+      if (id.startsWith(".") || import_node_path.default.isAbsolute(id))
+        return false;
+      return isNodeModule(id);
+    },
+    plugins: [
+      (0, import_plugin_json.default)(),
+      format === "iife" && (0, import_plugin_node_resolve.default)(),
+      // 解析 node_modules
+      format === "iife" && (0, import_plugin_commonjs.default)({ defaultIsModuleExports: true }),
+      // 转换 CommonJS 模块
+      (0, import_plugin_typescript.default)({
+        tsconfig: (0, import_config.resolveApp)("tsconfig.json"),
+        // 可选，指定 tsconfig
+        compilerOptions: {
+          module: "esnext",
+          esModuleInterop: true,
+          allowSyntheticDefaultImports: true,
+          noImplicitAny: true,
+          isolatedModules: false,
+          declaration: !!declarationDir,
+          declarationDir,
+          noEmit: false,
+          emitDeclarationOnly: !!declarationDir,
+          resolveJsonModule: true,
+          skipLibCheck: true,
+          removeComments: false,
+          rootDir: (0, import_config.resolveApp)("src")
+          // ✅ 指定源代码根目录
+        }
+      }),
+      ["cjs", "commonjs"].includes(format) && (0, import_rollup_plugin_esbuild.default)({
+        target: "esnext",
+        format: "cjs"
+      }),
+      getPostcss(import_config.config.css.extract)
+    ].filter(Boolean)
+  };
 }
 async function buildExtraCss() {
-    const extras = config.config.css.extra;
-    if (!extras?.length)
-        return;
-    const srcRoot = config.resolveApp('src');
-    const esRoot = config.resolveApp(config.config.es);
-    const tasks = extras.map(async (v) => {
-        try {
-            const absPath = config.resolveApp(v); // 源文件绝对路径
-            const relativePath = path.relative(srcRoot, absPath); // 相对于 src 的路径
-            const dirname = path.dirname(relativePath); // 相对目录
-            const filename = path.basename(v, path.extname(v)); // 文件名去掉扩展名
-            // rollup 打包
-            const bundle = await rollup.rollup({
-                input: [v],
-                plugins: getPostcss(path.join(dirname, `${filename}.min.css`))
-            });
-            await bundle.write({
-                dir: config.config.es,
-                format: 'es',
-                sourcemap: false,
-                preserveModules: true,
-                preserveModulesRoot: srcRoot
-            });
-            // 删除生成的 JS 文件
-            const jsFile = path.join(esRoot, dirname, `${filename}${path.extname(v)}.js`);
-            if (fs.existsSync(jsFile))
-                fs.unlinkSync(jsFile);
-            // 复制到其他目标目录
-            [config.config.cjs, config.config.iife].forEach(targetRoot => {
-                const dest = path.join(config.resolveApp(targetRoot), dirname, `${filename}.min.css`);
-                fs.mkdirSync(path.dirname(dest), { recursive: true });
-                fs.copyFileSync(path.join(esRoot, dirname, `${filename}.min.css`), dest);
-            });
-            utils.log.success(`✅ 编译完成: ${v}`);
-        }
-        catch (err) {
-            utils.log.error(`❌ 编译失败: ${v}`, err);
-        }
-    });
-    await Promise.all(tasks);
-    utils.log.success('✅ 所有额外 CSS 编译完成');
+  const extras = import_config.config.css.extra;
+  if (!extras?.length)
+    return;
+  const srcRoot = (0, import_config.resolveApp)("src");
+  const esRoot = (0, import_config.resolveApp)(import_config.config.es);
+  const tasks = extras.map(async (v) => {
+    try {
+      const absPath = (0, import_config.resolveApp)(v);
+      const relativePath = import_node_path.default.relative(srcRoot, absPath);
+      const dirname = import_node_path.default.dirname(relativePath);
+      const filename = import_node_path.default.basename(v, import_node_path.default.extname(v));
+      const bundle = await (0, import_rollup.rollup)({
+        input: [v],
+        plugins: getPostcss(import_node_path.default.join(dirname, `${filename}.min.css`))
+      });
+      await bundle.write({
+        dir: import_config.config.es,
+        format: "es",
+        sourcemap: false,
+        preserveModules: true,
+        preserveModulesRoot: srcRoot
+      });
+      const jsFile = import_node_path.default.join(esRoot, dirname, `${filename}${import_node_path.default.extname(v)}.js`);
+      if (import_node_fs.default.existsSync(jsFile))
+        import_node_fs.default.unlinkSync(jsFile);
+      [import_config.config.cjs, import_config.config.iife].forEach((targetRoot) => {
+        const dest = import_node_path.default.join((0, import_config.resolveApp)(targetRoot), dirname, `${filename}.min.css`);
+        import_node_fs.default.mkdirSync(import_node_path.default.dirname(dest), { recursive: true });
+        import_node_fs.default.copyFileSync(import_node_path.default.join(esRoot, dirname, `${filename}.min.css`), dest);
+      });
+      import_utils.log.success(`\u2705 \u7F16\u8BD1\u5B8C\u6210: ${v}`);
+    } catch (err) {
+      import_utils.log.error(`\u274C \u7F16\u8BD1\u5931\u8D25: ${v}`, err);
+    }
+  });
+  await Promise.all(tasks);
+  import_utils.log.success("\u2705 \u6240\u6709\u989D\u5916 CSS \u7F16\u8BD1\u5B8C\u6210");
 }
 async function build() {
-    // 2. 配置输出选项
-    let outputOptions = [
-        {
-            dir: config.config.es,
-            format: 'es', // 输出 ES Module
-            sourcemap: false,
-            preserveModules: true,
-            preserveModulesRoot: config.resolveApp('src'), // ✅ 指定源代码根目录
-        },
-        {
-            dir: config.config.cjs,
-            format: 'cjs', // 输出 COMMONJS
-            sourcemap: false,
-            preserveModules: true,
-            preserveModulesRoot: config.resolveApp('src'), // ✅ 指定源代码根目录
-            exports: "named",
-        },
-        {
-            dir: config.config.iife,
-            format: 'iife', // 输出 iife
-            sourcemap: false,
-            exports: "named",
-            name: utils.toPascalCase(name)
-        }
-    ];
-    if (!config.config.iife) {
-        outputOptions = outputOptions.filter(op => op.format !== 'iife');
-    }
-    for (const output of outputOptions) {
-        // 3. 调用 rollup 打包
-        const bundle = await rollup.rollup(getInputOptions(output.format === 'iife'));
-        // 4. 写入文件
-        await bundle.write(output);
-    }
+  let outputOptions = [
+    {
+      dir: import_config.config.es,
+      format: "es",
+      // 输出 ES Module
+      sourcemap: false,
+      preserveModules: true,
+      preserveModulesRoot: (0, import_config.resolveApp)("src")
+      // ✅ 指定源代码根目录
+    },
     {
-        const bundle = await rollup.rollup(getInputOptions(false, config.config.es));
-        await bundle.write(outputOptions[0]);
+      dir: import_config.config.cjs,
+      format: "cjs",
+      // 输出 COMMONJS
+      sourcemap: false,
+      preserveModules: true,
+      preserveModulesRoot: (0, import_config.resolveApp)("src"),
+      // ✅ 指定源代码根目录
+      exports: "named"
+    },
+    {
+      dir: import_config.config.iife,
+      format: "iife",
+      // 输出 iife
+      sourcemap: false,
+      exports: "named",
+      name: (0, import_utils.toPascalCase)(name)
     }
-    await buildExtraCss();
-    utils.log.success('✅ Build complete!');
+  ];
+  if (!import_config.config.iife) {
+    outputOptions = outputOptions.filter((op) => op.format !== "iife");
+  }
+  for (const output of outputOptions) {
+    const bundle = await (0, import_rollup.rollup)(getInputOptions(output.format));
+    await bundle.write(output);
+  }
+  {
+    const bundle = await (0, import_rollup.rollup)(getInputOptions("es", import_config.config.es));
+    await bundle.write(outputOptions[0]);
+  }
+  await buildExtraCss();
+  import_utils.log.success("\u2705 Build complete!");
 }
 const copySrcTds = () => {
-    return gulp.src(config.config.include.map(t => `${t}/**/*.d.ts`)).pipe(gulp.dest(config.config.es));
+  return import_gulp.default.src(import_config.config.include.map((t) => `${t}/**/*.d.ts`)).pipe(import_gulp.default.dest(import_config.config.es));
 };
 const copyTds = () => {
-    return gulp.src([`${config.config.es}/**/*.d.ts`]).pipe(gulp.dest(config.config.cjs));
+  return import_gulp.default.src([`${import_config.config.es}/**/*.d.ts`]).pipe(import_gulp.default.dest(import_config.config.cjs));
 };
-var index = gulp.series(clean, build, copySrcTds, copyTds);
-
-exports.default = index;
+var src_default = (0, import_gulp.series)(clean, build, copySrcTds, copyTds);

package/esm/index.js

@@ -11,6 +11,7 @@ import autoprefixer from 'autoprefixer';
 import cssnano from 'cssnano';
 import path from 'node:path';
 import fs from 'node:fs';
+import esbuild from 'rollup-plugin-esbuild';
 import { builtinModules } from 'node:module';
 
 const clean = () => {
@@ -48,7 +49,7 @@ function getPostcss(extract) {
 }
 const name = getValidPkgName(pkg.name);
 // 1. 配置输入选项
-function getInputOptions(isIIFE, declarationDir) {
+function getInputOptions(format, declarationDir) {
     function isNodeModule(id) {
         // 获取模块绝对路径
         try {
@@ -74,25 +75,30 @@ function getInputOptions(isIIFE, declarationDir) {
         },
         plugins: [
             json(),
-            isIIFE && resolve(), // 解析 node_modules
-            commonjs(), // 转换 CommonJS 模块
+            format === 'iife' && resolve(), // 解析 node_modules
+            format === 'iife' && commonjs({ defaultIsModuleExports: true }), // 转换 CommonJS 模块
             typescript({
                 tsconfig: resolveApp('tsconfig.json'), // 可选，指定 tsconfig
                 compilerOptions: {
+                    module: 'esnext',
+                    esModuleInterop: true,
+                    allowSyntheticDefaultImports: true,
                     noImplicitAny: true,
                     isolatedModules: false,
                     declaration: !!declarationDir,
-                    allowImportingTsExtensions: false,
                     declarationDir,
                     noEmit: false,
                     emitDeclarationOnly: !!declarationDir,
-                    esModuleInterop: true,
                     resolveJsonModule: true,
                     skipLibCheck: true,
                     removeComments: false,
                     rootDir: resolveApp('src'), // ✅ 指定源代码根目录
                 }
             }),
+            ["cjs", "commonjs"].includes(format) && esbuild({
+                target: 'esnext',
+                format: "cjs",
+            }),
             getPostcss(config.css.extract)
         ].filter(Boolean)
     });
@@ -171,12 +177,12 @@ async function build() {
     }
     for (const output of outputOptions) {
         // 3. 调用 rollup 打包
-        const bundle = await rollup(getInputOptions(output.format === 'iife'));
+        const bundle = await rollup(getInputOptions(output.format));
         // 4. 写入文件
         await bundle.write(output);
     }
     {
-        const bundle = await rollup(getInputOptions(false, config.es));
+        const bundle = await rollup(getInputOptions('es', config.es));
         await bundle.write(outputOptions[0]);
     }
     await buildExtraCss();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@es-pkg/compile",
-	"version": "1.0.5",
+	"version": "1.0.7",
 	"description": "组件打包工具",
 	"main": "cjs/index.js",
 	"keywords": [
@@ -25,6 +25,7 @@
 		"@rollup/plugin-node-resolve": "^16.0.3",
 		"rollup": "^4.52.5",
 		"rollup-plugin-postcss": "^4.0.2",
+		"rollup-plugin-esbuild": "latest",
 		"@rollup/plugin-typescript": "^12.3.0",
 		"@rollup/plugin-json": "^6.1.0",
 		"autoprefixer": "^10.4.21",