wb-lib-tool 0.0.1-beta.1 → 0.0.1-beta.2

package/README.ch.md

@@ -47,11 +47,6 @@ wb-lib dev
 ```
 import { merge } from 'webpack-merge';
 import { resolve } from 'path';
-import { fileURLToPath } from 'url';
-
-// 在ES模块中获取__dirname
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = resolve(__filename, '..');
 
 export default {
     compileDir: 'src/components', // 默认编译目录
@@ -79,9 +74,17 @@ export default {
     }
 
     //【webpackConf 使用方式2 webpack 配置项】
-    webpackConf: function (webpackConf, env,format) {
+    webpackConf: function (config, env,format) {
         // 自定义 webpack 配置项
-        return webpackConf;
+         const customConfig = merge(config, {
+            entry: resolve(__dirname, 'xxxx'), // dev命令 入口文件
+            resolve: {
+                alias: {
+                    "xx": resolve(__dirname, 'xxxx') // 资源路径别名
+                }
+            },
+        })
+        return customConfig;
     },
 }
 ```
@@ -114,9 +117,17 @@ module.exports = {
     }
 
     //【webpackConf 使用方式2 webpack 配置项】
-    webpackConf: function (webpackConf, env,format) {
+    webpackConf: function (config, env,format) {
         // 自定义 webpack 配置项
-        return webpackConf;
+         const customConfig = merge(config, {
+            entry: path.resolve(__dirname, 'xxxx'), // dev命令 入口文件
+            resolve: {
+                alias: {
+                    "xx": path.resolve(__dirname, 'xxxx) // 资源路径别名
+                }
+            },
+        })
+        return customConfig;
     },
 
 };

package/config/webpack.dev.conf.js

@@ -4,9 +4,14 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const baseConfig = require('./webpack.base.conf.js');
 const { SRC, ROOT } = require('./PATH.js');
-const { getCustomConfig, getFiles,getResolvePath } = require('../utils/file.js');
+const { getCustomConfig, getFiles, getResolvePath, checkFileExist } = require('../utils/file.js');
 const currentEnv = 'development';
 
+// 获取并匹配src目录下的index.tsx或index.jsx文件
+const indexFiles = getFiles(SRC, /index\.(j|t)sx$/, 0);
+// 获取根目录总index.html文件
+const rootIndexHtml = getFiles(ROOT, /index\.html$/, 0)[0];
+
 const customConfig = getCustomConfig();
 
 /**
@@ -26,18 +31,12 @@ function getFileByPriority(filePathArr = indexFiles, priorities = ['index.tsx',
 
 const customWebpackConf = customConfig && customConfig.webpackConf ? customConfig.webpackConf : null;
 
-// 获取并匹配src目录下的index.tsx或index.jsx文件
-const indexFiles = getFiles(SRC, /index\.(j|t)sx$/, 0);
-// 获取根目录总index.html文件
-const rootIndexHtml = getFiles(ROOT, /index\.html$/, 0)[0];
-
 const entryFile = getFileByPriority();
 
 // 默认获取src目录下的index.tsx
 
 const getDevConfig = () => {
-    if (!entryFile && (!process.env.TEST || process.env.TEST == 'false')) throw new Error('未找到入口文件，请在src目录下创建index.tsx或index.jsx文件');
-
+    if (checkFileExist(SRC) && !entryFile && (!process.env.TEST || process.env.TEST == 'false')) throw new Error('请在src目录下创建index.tsx或index.jsx文件');
     let buildConfig = merge(baseConfig(currentEnv), {
         mode: 'development',
         cache: true,
@@ -64,7 +63,7 @@ const getDevConfig = () => {
                 chunkFilename: 'css/[name]-[contenthash:7].css',
                 ignoreOrder: true,
             }),
-            new HtmlWebpackPlugin({ 
+            new HtmlWebpackPlugin({
                 template: !!rootIndexHtml ? rootIndexHtml : getResolvePath('./index.html', __dirname),
                 filename: 'index.html',
                 chunksSortMode: 'none',
@@ -78,6 +77,7 @@ const getDevConfig = () => {
     } else {
         buildConfig = merge(buildConfig, customWebpackConf || {});
     };
+    if (!checkFileExist(SRC) && !buildConfig.entry) throw new Error('未找到入口 `entry`');
     return buildConfig;
 };
 

package/config/webpack.lib.conf.js

@@ -4,7 +4,7 @@ const { BannerPlugin } = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const { OUTPUT, DEFAULT_FORMAT, ROOT, COMPILE_DIR } = require('./PATH.js');
-const { getCustomConfig } = require('../utils/file.js');
+const { getCustomConfig, checkFileExist } = require('../utils/file.js');
 const getComponentExternals = require('../utils/parserExportFile.js');
 const baseConfig = require('./webpack.base.conf.js');
 const multiOutputConfig = require('./output.multi.js');
@@ -12,7 +12,6 @@ const { getBeforeLastSlash, getLastFolderAndFile } = require('../utils/util.js')
 
 const currentEnv = 'library';
 
-
 const customConfig = getCustomConfig();
 
 const customWebpackConf = customConfig && customConfig.webpackConf ? customConfig.webpackConf : null;
@@ -30,6 +29,7 @@ const getLibConfig = function ({
     // 使用自定义的多入口配置
     const outputConfig = multiOutputConfig({ format, libName: outputAliasDirName, output, compileDir });
     const defaultEntry = outputConfig.entry;
+    if (!checkFileExist(compileDir) && (!process.env.TEST || process.env.TEST == 'false')) throw new Error(`缺少${compileDir}目录`);
 
     let buildConfig = merge(baseConfig(currentEnv), {
         target: !isModule ? ['web', 'es5'] : 'web',

package/package.json

@@ -1,15 +1,19 @@
 {
   "name": "wb-lib-tool",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.2",
   "description": "基于webpack库模式编译生成组件库",
   "license": "MIT",
+  "readme": "README.ch.md",
   "bin": {
     "wb-lib": "./bin/index.js"
   },
   "scripts": {
-    "lib": "node ./bin/index.js lib",
-    "dev": "cross-env TEST=true node ./bin/index.js dev",
-    "clean": "node ./bin/index.js clean --name lib"
+    "lib": "wb-lib lib",
+    "dev": "wb-lib dev",
+    "clean": "wb-lib clean --name lib",
+    "lib:test": "node ./bin/index.js lib",
+    "dev:test": "cross-env TEST=true node ./bin/index.js dev",
+    "clean:test": "node ./bin/index.js clean --name lib"
   },
   "keywords": [
     "lib",
@@ -59,6 +63,7 @@
     "sass": "^1.93.2",
     "sass-loader": "^16.0.6",
     "style-loader": "^4.0.0",
+    "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
     "webpack": "^5.102.1",
     "webpack-cli": "^6.0.1",
@@ -69,13 +74,14 @@
     "classnames": "^2.5.1",
     "cross-env": "^10.1.0",
     "react": "^19.2.1",
-    "react-dom": "^19.2.1"
+    "react-dom": "^19.2.1",
+    "wb-lib-tool": "^0.0.1-beta.1"
   },
   "engines": {
-    "node": ">=20.x"
+    "node": ">16.18"
   },
   "peerDependencies": {
-    "webpack": ">=5.x"
+    "webpack": ">=5"
   },
   "overrides": {
     "react": "$react",

package/utils/file.js

@@ -7,6 +7,7 @@ const {
 } = require('path');
 const { readdirSync, statSync, existsSync } = require('fs');
 const { rimraf } = require('rimraf');
+const { getTsFileExportContent } = require('./getTsContent.js');
 const { ROOT, BUILD_FILE_NAME } = require('../config/PATH.js');
 
 // 查询将要使用的文件是否存在
@@ -121,19 +122,23 @@ const getCustomConfig = () => {
         const buildConfigPath = getResolvePath(fileName, ROOT);
         // 如果文件不存在，继续尝试下一个
         if (!checkFileExist(buildConfigPath)) continue;
-        let conf;
+        let conf = null;
         try {
-            // 清除缓存，确保每次都重新加载文件
-            if (require.cache[require.resolve(buildConfigPath)]) {
-                delete require.cache[require.resolve(buildConfigPath)];
+            if (extnamePath(buildConfigPath) === '.js') {
+                // 清除缓存，确保每次都重新加载文件
+                if (require.cache[require.resolve(buildConfigPath)]) {
+                    delete require.cache[require.resolve(buildConfigPath)];
+                }
+                // 直接使用require加载配置文件
+                conf = require(buildConfigPath);
+                // 如果是ES模块导出，提取default属性
+                conf = conf.default || conf;
+            } else {
+                conf = getTsFileExportContent(buildConfigPath);
             }
-            // 直接使用require加载配置文件
-            conf = require(buildConfigPath);
-            // 如果是ES模块导出，提取default属性
-            conf = conf.default || conf;
             return conf;
         } catch (error) {
-            console.error(' 配置文件加载失败 => ', error);
+            console.error(' 配置文件加载失败 => \n', error);
             continue;
         }
     }

package/utils/getTsContent.js

@@ -0,0 +1,20 @@
+const getTsFileExportContent = (filePath) => {
+    if (!filePath) return null;
+    let exports = null;
+    require('ts-node').register({
+        transpileOnly: true, // 只编译不做类型检查，提升速度
+        compilerOptions: {
+            module: 'CommonJS', // 强制编译为 CommonJS，适配当前环境
+            target: 'ES6',
+            esModuleInterop: true, // 关键：兼容 ES 模块的 export default
+            skipLibCheck: true
+        }
+    });
+    // 直接加载原文件，自动处理所有依赖
+    exports = require(filePath).default; // 取 export default
+    return exports;
+}
+
+module.exports = {
+    getTsFileExportContent
+}