@iam-com/snack-scripts 1.0.0

package/config/webpack.index.config.js

@@ -0,0 +1,184 @@
+const path = require('path');
+const fs = require('fs-extra');
+const minimist = require('minimist');
+const TerserPlugin = require('terser-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const snackConfig = JSON.parse(process.env.PROJECT_SNACK_CONFIG);
+const entryConfig = snackConfig.entry;
+
+// 获取命令行参数
+let argv = minimist(process.argv.slice(2), {
+    default: {
+        mode: 'development'
+    }
+});
+
+// build mode
+const isDevelopment = argv.mode === 'development';
+const isProduction = argv.mode ? argv.mode === 'production' : true;
+// paths
+const projectpath = process.env.PROJECT_PATH;
+const packageJson = JSON.parse(process.env.PROJECT_PACKAGE_JSON);
+const outPath = process.env.PROJECT_OUT_PATH;
+const packageList = JSON.parse(process.env.PROJECT_PACKAGE_LIST);
+// add entry
+let entrys = {};
+const plugins = [];
+const coyps = [];
+const templatePath = path.resolve(process.env.PROJECT_TEMPLATE_PATH, 'snack');
+const templatePkgPath =entryConfig && entryConfig.template && entryConfig.template.index ? path.resolve(process.env.PROJECT_PATH, entryConfig.template.index) : ''
+const hash = String(Math.random() * 1000000 | 0) + String(Math.random() * 1000000 | 0);
+for (let i = 0, l = packageList.length; i < l; i++) {
+    const item = packageList[i];
+    const snackPath = path.resolve(outPath, item.name);
+    // const buildPath = isProduction ? `/${process.env.PROJECT_COMMON_NAME}` : '';
+    // 主模块入口
+    plugins.push(new HtmlWebpackPlugin({
+        title: item.info.name,
+        filename: path.join(snackPath, 'index.html'),
+        template: templatePkgPath || path.join(templatePath, 'index.html'),
+        hash: true,
+        inject: false,
+        jshash: hash, // js hash 参数
+        jsvers: {
+            name: item.name, // 模块名称
+            type: isProduction ? packageJson.name : '',
+            devServer: isDevelopment ? packageJson.dev && packageJson.dev.debug.join(',') : null, // 调试服务，为空则是生产模式
+            setting: false, // 是否存在设置模块
+            domain: '/snackbar',
+            loaderjs: `../${process.env.PROJECT_COMMON_NAME}/loader.js?_=${hash}`,
+            favicon: `../${process.env.PROJECT_COMMON_NAME}/favicon.svg`,
+            minifiedjs: `../${process.env.PROJECT_COMMON_NAME}/minified.min.js`,
+            proxyjs: `../${process.env.PROJECT_COMMON_NAME}/proxy.min.js`
+        }
+    }));
+    // 设置模块入口
+    plugins.push(new HtmlWebpackPlugin({
+        title: item.info.name + '(Setting)',
+        filename: path.join(snackPath, 'setting.html'),
+        template: path.join(templatePath, 'index.html'),
+        hash: true,
+        inject: false,
+        jshash: hash,
+        jsvers: {
+            name: item.name,
+            type: isProduction ? packageJson.name : '',
+            devServer: isDevelopment ? packageJson.dev && packageJson.dev.debug.join(',') : null,
+            setting: true,
+            domain: '/snackbar',
+            loaderjs: `../../${process.env.PROJECT_COMMON_NAME}/loader.js?_=${hash}`,
+            favicon: `../../${process.env.PROJECT_COMMON_NAME}/favicon.svg`,
+            minifiedjs: `../${process.env.PROJECT_COMMON_NAME}/minified.min.js`,
+            proxyjs: `../${process.env.PROJECT_COMMON_NAME}/proxy.min.js`
+        }
+    }));
+    fs.outputJson(path.join(snackPath, 'snack.json'), item.info, {spaces: 4});
+}
+// runtime loaderjs
+coyps.push({
+    from: path.resolve(__dirname, '../template/favicon.svg'),
+    to: path.resolve(outPath, process.env.PROJECT_COMMON_NAME)
+});
+coyps.push({
+    from: path.resolve(__dirname, '../template/minified.min.js'),
+    to: path.resolve(outPath, process.env.PROJECT_COMMON_NAME)
+});
+coyps.push({
+    from: path.resolve(__dirname, '../template/proxy.min.js'),
+    to: path.resolve(outPath, process.env.PROJECT_COMMON_NAME)
+});
+// 调试模式复制lib
+if (isDevelopment)
+    coyps.push({
+        from: path.resolve(outPath, '../lib'),
+        to: path.resolve(outPath, 'lib')
+    });
+
+module.exports = {
+    cache: {
+        type: 'filesystem',
+        allowCollectingMemory: true
+    },
+    mode: isDevelopment ? 'development' : 'production',
+    target: ['web', 'es5'],
+    entry: entrys,
+    devtool: false,
+    output: {
+        filename: `[name]`,
+        path: outPath,
+        library: {
+            type: 'umd',
+            name: 'SnackPackage'
+        },
+        publicPath: '/'
+    },
+    plugins: [
+        new CopyWebpackPlugin({patterns: coyps}, {noErrorOnMissing: true}),
+        ...plugins
+    ],
+    // loader配置
+    module: {
+        rules: [
+            {
+                test: /\.(ts|tsx|js|jsc|cjs)?$/,
+                loader: 'swc-loader',
+                options: {
+                    sync: true,
+                    jsc: {
+                        parser: {
+                            'syntax': 'typescript',
+                            'tsx': true
+                        },
+                        'target': 'es5',
+                        'keepClassNames': true,
+                        'loose': true
+                    }
+                }
+            },
+            // 样式loader
+            {
+                // 匹配哪些文件
+                test: /\.(css|sass|scss)$/,
+                // 使用哪些loader进行处理
+                use: [
+                    // use数组中loader执行顺序：从右到左，从下到上，依次执行(先执行css-loader)
+                    // style-loader：创建style标签，将js中的样式资源插入进去，添加到head中生效
+                    'style-loader',
+                    // css-loader：将css文件变成commonjs模块加载到js中，里面内容是样式字符串
+                    'css-loader',
+                    // less-loader：将less文件编译成css文件，需要下载less-loader和less
+                    'sass-loader'
+                ]
+            }
+        ]
+    },
+    resolve: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+        alias: {
+            'src': path.join(process.env.PROJECT_PATH, 'src'),
+            'components': path.join(process.env.PROJECT_PATH, 'src/components'),
+            'package': path.join(process.env.PROJECT_PATH, 'src/package'),
+            'assets': path.join(process.env.PROJECT_PATH, 'src/assets')
+        }
+    },
+    optimization: {
+        minimize: isProduction,
+        minimizer: [
+            new TerserPlugin(
+                {
+                    parallel: true,//使用多进程并发运行以提高构建速度 Boolean|Number 默认值： true
+                    terserOptions: {
+                      compress: {
+                        drop_debugger: true,//移除自动断点功能；
+                      },
+                      format: {
+                        comments: false,//删除注释
+                      },
+                    },
+                    extractComments: false,//是否将注释剥离到单独的文件中
+                  }
+            )
+        ]
+    }
+};

package/config/webpack.loader.config.js

@@ -0,0 +1,125 @@
+const path = require('path');
+const fs = require('fs-extra');
+const minimist = require('minimist');
+const TerserPlugin = require('terser-webpack-plugin');
+const {injectIndexFile, createExternals} = require('../utils/package');
+// paths
+const packageJson = JSON.parse(process.env.PROJECT_PACKAGE_JSON);
+const packagePath = process.env.PROJECT_PATH;
+// 外部设置依赖过滤
+const externals = createExternals(packageJson, packagePath)
+
+// 获取命令行参数
+let argv = minimist(process.argv.slice(2), {
+    default: {
+        mode: 'development'
+    }
+});
+const isDevelopment = argv.mode === 'development';
+const isProduction = argv.mode ? argv.mode === 'production' : true;
+const outputPath = path.resolve(process.env.PROJECT_OUT_PATH, process.env.PROJECT_COMMON_NAME);
+const templatePath = path.join(process.env.PROJECT_TEMPLATE_PATH, 'snack');
+// 注入外部js/css
+injectIndexFile(templatePath);
+//
+const info = {
+    id: process.env.PROJECT_COMMON_NAME,
+    type: process.env.PROJECT_TYPE,
+    isStatic: true // 静态资源标识
+};
+if (isProduction)
+    fs.outputJson(path.join(outputPath, 'snack.json'), info);
+
+let conf = {
+    cache: {
+        type: 'filesystem',
+        allowCollectingMemory: true
+    },
+    performance: {
+        hints: false // 关闭性能提示
+    },
+    mode: isDevelopment ? 'development' : 'production',
+    target: ['web', 'es5'],
+    entry: path.join(templatePath, 'index.tsx'),
+    devtool: isDevelopment ? 'eval-cheap-module-source-map' : false,
+    output: {
+        filename: 'loader.js',
+        path: outputPath
+    },
+    // loader配置
+    module: {
+        rules: [
+            {
+                test: /\.(ts|tsx|js|jsc|cjs)?$/,
+                loader: 'swc-loader',
+                options: {
+                    sync: true,
+                    jsc: {
+                        parser: {
+                            'syntax': 'typescript',
+                            'tsx': true
+                        },
+                        'target': 'es5',
+                        'keepClassNames': true,
+                        'loose': true
+                    }
+                }
+            },
+            // 样式loader
+            {
+                // 匹配哪些文件
+                test: /\.(css|sass|scss)$/,
+                // 使用哪些loader进行处理
+                use: [
+                    // use数组中loader执行顺序：从右到左，从下到上，依次执行(先执行css-loader)
+                    // style-loader：创建style标签，将js中的样式资源插入进去，添加到head中生效
+                    'style-loader',
+                    // css-loader：将css文件变成commonjs模块加载到js中，里面内容是样式字符串
+                    'css-loader',
+                    // less-loader：将less文件编译成css文件，需要下载less-loader和less
+                    'sass-loader'
+                ]
+            }
+        ]
+    },
+    // 过滤依赖包
+    externals: {
+        // 'react': 'react',
+        // 'react-dom': 'react-dom',
+        // 'para-lib': 'para-lib',
+        // '@iam-com/snack-core': 'snack-core',
+        // ...externals
+    },
+    resolve: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+        alias: {
+            'src': path.join(process.env.PROJECT_PATH, 'src'),
+            'components': path.join(process.env.PROJECT_PATH, 'src/components'),
+            'package': path.join(process.env.PROJECT_PATH, 'src/package'),
+            'assets': path.join(process.env.PROJECT_PATH, 'src/assets')
+        }
+    },
+    optimization: {
+        minimize: isProduction,
+        minimizer: [
+            new TerserPlugin(
+                {
+                    extractComments: false//不将注释提取到单独的文件中
+                }
+            )
+        ]
+    }
+};
+
+// const configOverrides = path.resolve(process.env.PROJECT_PATH, 'config-overrides.js');
+// if (fs.existsSync(configOverrides)) {
+//     try {
+//         const overrides = require(path.resolve(process.env.PROJECT_PATH, 'config-overrides.js'));
+//         conf = overrides(conf);
+//         console.log('snack config overrides');
+//     } catch (err) {
+//         console.error('SnackCLI Error:', err);
+//     }
+// }
+
+module.exports = conf;

package/config/webpack.snack.config.js

@@ -0,0 +1,187 @@
+/**
+ * @author 刘佳
+ * @date 2022/1/21 4:50 下午
+ * @description build snack module
+ */
+
+const path = require('path');
+const fs = require('fs-extra');
+const minimist = require('minimist');
+const TerserPlugin = require('terser-webpack-plugin');
+const {SnackPlugin} = require(path.resolve(__dirname, '../utils/package'));
+const {VueLoaderPlugin} = require('vue-loader');
+const {createExternals} = require("../utils/package");
+// 获取命令行参数
+let argv = minimist(process.argv.slice(2), {
+    default: {
+        mode: 'development'
+    }
+});
+// build mode
+const isDevelopment = argv.mode === 'development';
+const isProduction = argv.mode ? argv.mode === 'production' : true;
+// paths
+const packageJson = JSON.parse(process.env.PROJECT_PACKAGE_JSON);
+const outPath = process.env.PROJECT_OUT_PATH;
+const packageList = JSON.parse(process.env.PROJECT_PACKAGE_LIST);
+const packagePath = process.env.PROJECT_PATH;
+// add entry
+let entrys = {};
+for (let i = 0, l = packageList.length; i < l; i++) {
+    const item = packageList[i];
+    // runtime entry
+    entrys[`${item.name}`] = item.runtimeEntry;
+    // all entry
+    entrys[`${item.name}/setting`] = item.entry;
+}
+// 外部设置依赖过滤
+const externals = createExternals(packageJson, packagePath)
+
+let conf = {
+    cache: {
+        type: 'filesystem',
+        allowCollectingMemory: true
+    },
+    mode: isDevelopment ? 'development' : 'production',
+    target: ['web', 'es5'],
+    entry: entrys,
+    devtool: isDevelopment ? 'eval-cheap-module-source-map' : false,
+    output: {
+        filename: `[name]/index.js`,
+        path: outPath, // 要输出多文件这里就要配置输出目录而不是当个文件
+        library: {
+            type: 'umd',
+            name: 'SnackPackage'
+        },
+        publicPath: '{__snack_static__}',
+        assetModuleFilename: `${process.env.PROJECT_COMMON_NAME}/asset/[contenthash][ext][query]`
+    },
+    plugins: [
+        new VueLoaderPlugin(),
+        new SnackPlugin()
+    ],
+    // 过滤依赖包
+    externals: {
+        'react': 'react',
+        'react-dom': 'react-dom',
+        'para-lib': 'para-lib',
+        '@iam-com/lib': '@iam-com/lib',
+        '@iam-com/lib/http': '@iam-com/lib',
+        '@iam-com/lib/esso': '@iam-com/lib',
+        '@iam-com/lib/ui': '@iam-com/lib',
+        '@iam-com/lib/utils': '@iam-com/lib',
+        '@iam-com/snack-core': 'snack-core',
+        ...externals
+    },
+    // loader配置
+    module: {
+        rules: [
+            {
+                test: /\.(ts|tsx|js|jsc|cjs)?$/,
+                loader: 'swc-loader',
+                options: {
+                    sync: true,
+                    jsc: {
+                        parser: {
+                            'syntax': 'typescript',
+                            'tsx': true
+                        },
+                        'target': 'es5',
+                        'keepClassNames': true,
+                        'loose': true
+                    }
+                }
+            },
+            {
+                test: /\.(ts|tsx|js|jsc)?$/, // 或其他你想要Babel处理的文件类型
+                include: [path.resolve(__dirname, 'src')], // 指定需要Babel处理的目录
+                use: [
+                    {
+                        loader: 'babel-loader',
+                        options: {
+                            presets: [
+                                ['@babel/preset-env'],
+                                ['@babel/preset-react'],
+                                ['@babel/preset-typescript']
+                            ], // 添加对 TypeScript 的支持
+                            plugins: [
+                                [
+                                    'import',
+                                    {
+                                        libraryName: '@iam-com/ui-core',
+                                        libraryDirectory: '.', // 或者是根目录 '.'，根据你的库结构调整
+                                    },
+                                    'ParaUI', // 可选命名空间
+                                ],
+                            ],
+                        },
+                    }
+                ]
+            },
+            {
+                test: /\.vue$/,
+                exclude: /node_modules/,
+                use: 'vue-loader'
+            },
+            // 样式loader
+            {
+                test: /\.(css|sass|scss)$/,
+                // 使用哪些loader进行处理
+                use: [
+                    // use数组中loader执行顺序：从右到左，从下到上，依次执行(先执行css-loader)
+                    // style-loader：创建style标签，将js中的样式资源插入进去，添加到head中生效
+                    'style-loader',
+                    // css-loader：将css文件变成commonjs模块加载到js中，里面内容是样式字符串
+                    'css-loader',
+                    // less-loader：将less文件编译成css文件，需要下载less-loader和less
+                    'sass-loader'
+                ]
+            },
+            {
+                exclude: [/\.(js|mjs|jsx|ts|tsx|vue|sass|scss|css|vue|html|json|cjs)$/],
+                type: 'asset/resource'
+            }
+        ]
+    },
+    resolve: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+        alias: {
+            'src': path.join(process.env.PROJECT_PATH, 'src'),
+            'components': path.join(process.env.PROJECT_PATH, 'src/components'),
+            'package': path.join(process.env.PROJECT_PATH, 'src/package'),
+            'assets': path.join(process.env.PROJECT_PATH, 'src/assets')
+        }
+    },
+    optimization: {
+        minimize: isProduction,
+        minimizer: [
+            new TerserPlugin(
+                {
+                    parallel: true,//使用多进程并发运行以提高构建速度 Boolean|Number 默认值： true
+                    terserOptions: {
+                      compress: {
+                        drop_debugger: true,//移除自动断点功能；
+                      },
+                      format: {
+                        comments: false,//删除注释
+                      },
+                    },
+                    extractComments: false,//是否将注释剥离到单独的文件中
+                  }
+            )
+        ]
+    }
+};
+
+const configOverrides = path.resolve(process.env.PROJECT_PATH, 'config-overrides.js');
+if (fs.existsSync(configOverrides)) {
+    try {
+        const overrides = require(path.resolve(process.env.PROJECT_PATH, 'config-overrides.js'));
+        conf = overrides(conf);
+        console.log('snack config overrides');
+    } catch (err) {
+        console.error('SnackCLI Error:', err);
+    }
+}
+
+module.exports = conf;

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@iam-com/snack-scripts",
+  "private": false,
+  "version": "1.0.0",
+  "description": "snack-cli package scripts Powered by FED",
+  "bin": {
+    "snack-scripts": "./bin/main.js"
+  },
+  "files": [
+    "bin",
+    "config",
+    "utils",
+    "template",
+    "README.md",
+    "package.json",
+    "tsconfig.json"
+  ],
+  "scripts": {
+    "test:start": "node bin/main.js start --project=/Users/seth/Desktop/platform-2023/form2",
+    "test:build": "node bin/main.js build  --project=/Users/seth/Desktop/IAM-2024/schneider",
+    "test:entry": "node bin/main.js entry  --project=/Users/seth/Desktop/IAM-2024/EIC/portal",
+    "test:dev": "node bin/main.js test  --project=/Users/seth/Desktop/platform-2023/form2",
+    "test": "webpack --config=./config/webpack.snack.config.js",
+    "ver++": "node ver++.js",
+    "publish:npm": "npm publish --tag=latest",
+    "publish:npm:beta": "npm publish --tag=beta",
+    "publish:public": "npm publish --access public",
+    "view:cnpm": "cnpm view @iam-com/snack-scripts",
+    "sync:cnpm": "cnpm sync @iam-com/snack-scripts",
+    "view:npm": "npm view @iam-com/snack-scripts",
+    "reinstall": "rm -rf node_modules && cnpm i"
+  },
+  "repository": {
+    "type": "git",
+    "url": "ssh://git@gitlab.paraview.cn:2222/Frontend/snack-common/snack-scripts.git"
+  },
+  "author": "HKLMTT",
+  "license": "ParaView",
+  "dependencies": {
+    "@iam-com/snack-core": "^1.0.1",
+    "@iam-com/lib": "^1.0.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
+    "@swc/core": "^1.2.100",
+    "@types/react": "^17.0.14",
+    "@types/react-dom": "^17.0.9",
+    "copy-webpack-plugin": "^9.0.1",
+    "css-loader": "^6.2.0",
+    "fs-extra": "^8.1.0",
+    "html-webpack-plugin": "^5.3.2",
+    "sass": "^1.77.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-refresh": "^0.11.0",
+    "regenerator-runtime": "^0.13.9",
+    "sass-loader": "^12.1.0",
+    "style-loader": "^3.2.1",
+    "swc-loader": "^0.1.15",
+    "typescript": "^4.4.2",
+    "vue-loader": "^15.9.8",
+    "vue-template-compiler": "^2.6.14",
+    "webpack": "^5.73.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.9.2",
+    "babel-loader": "^9.1.3",
+    "babel-plugin-import": "^1.13.8",
+    "@babel/core": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7"
+  }
+}