lowcode-cli 1.0.4 → 1.1.2

package/README.md

@@ -1,4 +1,4 @@
-# lowcode-cli VIZ组件脚手架
+# lowcode-cli 组件脚手架
 
 ## 安装到全局
 
@@ -9,9 +9,9 @@ npm i lowcode-cli -g
 ## 脚手架提供的命令
 
 ```bash
-/* 可以在终端输入：lowcode, 打印以下内容 */
+/* 可以在终端输入：my, 打印以下内容 */
 
-Usage: lowcode [options] [command]
+Usage: my [options] [command]
 
 Options:
   -h, --help         display help for command

package/config/alias.js

@@ -0,0 +1,35 @@
+const path = require('path');
+
+exports.alias = {
+  '@babel/runtime/regenerator': path.join(
+    __dirname,
+    '../node_modules/@babel/runtime/regenerator',
+  ),
+  'core-js': path.join(__dirname, '../node_modules/core-js'),
+
+  // react框架
+  'react': path.join(__dirname, '../node_modules/react'),
+  'react-dom': path.join(__dirname, '../node_modules/react-dom'),
+  'dva': path.join(__dirname, '../node_modules/dva'),
+  'react-router': path.join(__dirname, '../node_modules/react-router'),
+  'react-router-dom': path.join(__dirname, '../node_modules/react-router-dom'),
+  'history': path.join(__dirname, '../node_modules/history'),
+
+  // UI框架
+  'antd': path.join(__dirname, '../node_modules/antd'),
+  '@ant-design': path.join(__dirname, '../node_modules/@ant-design'),
+  '@ctrl/tinycolor': path.join(__dirname, '../node_modules/@ctrl/tinycolor'),
+  'rc-util': path.join(__dirname, '../node_modules/rc-util'),
+
+  // 第三方工具
+  'lodash': path.join(__dirname, '../node_modules/lodash'),
+  'moment': path.join(__dirname, '../node_modules/dayjs'),
+  'echarts': path.join(__dirname, '../node_modules/echarts'),
+  'monaco-editor': path.join(__dirname, '../node_modules/monaco-editor'),
+  '@emotion/css': path.join(__dirname, '../node_modules/@emotion/css'),
+
+  // 自定义工具
+  'import-remote-module': path.join(__dirname, '../node_modules/import-remote-module'),
+  'code-math': path.join(__dirname, '../node_modules/code-math'),
+
+}

package/config/common.js

@@ -24,7 +24,13 @@ exports.getBabelLoaderConfig = () => {
         require.resolve('@babel/preset-react'),
       ],
       plugins: [
-        [require.resolve('babel-plugin-import'), { libraryName: 'antd', style: true }],
+        [require.resolve('babel-plugin-import'), { libraryName: 'antd', style: false, "libraryDirectory": "es" }, "antd"],
+        // [require.resolve('babel-plugin-import'), {
+        //   "libraryName": "@ant-design/icons",
+        //   // "style": false,
+        //   "libraryDirectory": "es/icons",
+        //   "camel2DashComponentName": false
+        // }, "@ant-design/icons"],
         [
           require.resolve('@babel/plugin-transform-runtime'),
           {
@@ -66,15 +72,15 @@ exports.getStyleLoaders = (isInJs, cssOptions, preProcessor) => {
             flexbox: 'no-2009',
           }),
 
-          postcssPxtorem({
-            rootValue: 16,
-            propList: ['*'],
-            selectorBlackList: [],
-            replace: true,
-            mediaQuery: false,
-            minPixelValue: 0,
-            unitPrecision: 5,
-          }),
+          // postcssPxtorem({
+          //   rootValue: 16,
+          //   propList: ['*'],
+          //   selectorBlackList: [],
+          //   replace: true,
+          //   mediaQuery: false,
+          //   minPixelValue: 0,
+          //   unitPrecision: 5,
+          // }),
         ],
       },
     },

package/config/pack.config.js

@@ -14,6 +14,7 @@ const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 const Webpack = require('webpack');
 const nodeExternals = require('webpack-node-externals');
+const {alias} = require('./alias');
 
 const { getBabelLoaderConfig, getStyleLoaders } = require('./common');
 const lessModuleRegex = /\.module\.(scss|less)$/;
@@ -160,7 +161,9 @@ exports.getWebpackConfig = ({
     command,
   });
 
-  config.resolve.alias['@layout'] = layoutRoot;
+  config.resolve.alias = Object.assign({
+    '@layout': layoutRoot
+  }, alias, (config.resolve && config.resolve.alias));
 
   return config;
 };

package/config/project.config.js

@@ -15,7 +15,9 @@ const webpack = require('webpack');
 const webpackDevMiddleware = require('webpack-dev-middleware');
 const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 const Webpack = require('webpack');
+const {alias} = require('./alias');
 
 const { getBabelLoaderConfig, getStyleLoaders } = require('./common');
 const lessModuleRegex = /\.module\.(scss|less)$/;
@@ -38,7 +40,7 @@ exports.getWebpackConfig = ({
   command,
   isBundleAnalyzerPlugin,
 }) => {
-  console.log(889, templatePath);
+
   let config = {
     mode: 'production',
 
@@ -50,7 +52,7 @@ exports.getWebpackConfig = ({
       path: outputPath,
       filename: '[name].js',
       publicPath: publicPath,
-      chunkFilename: '[name].bundle.js',
+      chunkFilename: '[name].js',
     },
 
     devServer: devServer || {},
@@ -62,11 +64,11 @@ exports.getWebpackConfig = ({
     optimization: {
       splitChunks: {
         chunks: 'async',
-        minSize: 30000,
-        maxSize: 300000,
+        minSize: 50000,
+        maxSize: 1000000,
         minChunks: 1,
         maxAsyncRequests: 6,
-        maxInitialRequests: 4,
+        maxInitialRequests: 1,
         automaticNameDelimiter: '~',
         cacheGroups: {
           vendors: {
@@ -74,6 +76,7 @@ exports.getWebpackConfig = ({
             test: /[\\/]node_modules[\\/]/,
             priority: -10,
             chunks: 'initial',
+            reuseExistingChunk: true,
           },
           common: {
             name: `chunk-common`,
@@ -137,7 +140,7 @@ exports.getWebpackConfig = ({
         },
         {
           test: /\.(ts|tsx|js|jsx|mjs)$/,
-          // exclude: /node_modules/,
+          //exclude: /node_modules/,
           use: [getBabelLoaderConfig()],
         },
         {
@@ -218,6 +221,7 @@ exports.getWebpackConfig = ({
   config = webpackConfig(config, {
     requestPath: requirePath,
     moduleFederationPlugin: ModuleFederationPlugin,
+    monacoWebpackPlugin: MonacoWebpackPlugin,
     command,
   });
 
@@ -225,22 +229,7 @@ exports.getWebpackConfig = ({
 
   const isInGlobal = fs.existsSync(path.join(__dirname, '../node_modules/import-remote-module'));
   if (isInGlobal && command !== 'pack') {
-    config.resolve.alias = Object.assign({}, config.resolve.alias, {
-      '@babel/runtime/regenerator': path.join(
-        __dirname,
-        '../node_modules/@babel/runtime/regenerator',
-      ),
-      antd: path.join(__dirname, '../node_modules/antd'),
-      'core-js': path.join(__dirname, '../node_modules/core-js'),
-      react: path.join(__dirname, '../node_modules/react'),
-      moment: path.join(__dirname, '../node_modules/moment'),
-      echarts: path.join(__dirname, '../node_modules/echarts'),
-      'react-dom': path.join(__dirname, '../node_modules/react-dom'),
-      dva: path.join(__dirname, '../node_modules/dva'),
-      'react-router': path.join(__dirname, '../node_modules/react-router'),
-      'react-router-dom': path.join(__dirname, '../node_modules/react-router-dom'),
-      'import-remote-module': path.join(__dirname, '../node_modules/import-remote-module'),
-    });
+    config.resolve.alias = Object.assign({}, alias, config.resolve.alias);
   }
 
   return config;

package/config/size.js

@@ -51,7 +51,7 @@ FilesDataTree.prototype = {
         }
       });
     } else {
-      console.log(22, dirName);
+      //
     }
   },
 

package/config/webpack.project.start.js

@@ -27,10 +27,11 @@ const projectConfig = getWebpackConfig({
   command: 'start',
   layoutRoot,
   projectRoot,
+  // devtool: 'eval-source-map',
   entry: {
     index: path.resolve(layoutRoot, 'index.js'),
   },
-  publicPath: '/',
+  publicPath: '/',//runnerConfig.publicPath,
   webpackConfig: runnerConfig.webpackConfig,
   outputPath: outputPath,
   lessVariables: runnerConfig.lessVariables || {},