@easyv/react-component-builder 0.19.3 → 0.19.5-beta.0

package/config/webpack.config.js

@@ -1,126 +1,126 @@
-const HtmlPlugin = require('html-webpack-plugin');
-const path = require('path');
-const fs = require('fs');
-const commonConfig = require('./webpack.config.common');
-const webpack = require('webpack');
-const {
-  appPackage,
-  public: publicPath,
-  webpackConfigExtend,
-  cliNodeModules,
-} = require('./paths');
-
-let webpackConfigExtendFn;
-if (fs.existsSync(webpackConfigExtend)) {
-  webpackConfigExtendFn = require(webpackConfigExtend);
-}
-
-process.env.NODE_ENV = 'development';
-
-module.exports = ({ port, modules }) => {
-  const entrys = modules.reduce((acc, item) => {
-    acc[item.name] = path.resolve(item.path);
-    return acc;
-  }, {});
-
-  const cf = {
-    ...commonConfig({
-      isProduction: false,
-      entrys,
-    }),
-
-    mode: 'development',
-    entry: entrys,
-    output: {
-      filename: '[name].js',
-      globalObject: 'this',
-      libraryTarget: 'var',
-      library: '__MAIN__', // 暴露到window上的属性名称
-    },
-    devtool: 'source-map',
-    plugins: [
-      new webpack.ProvidePlugin({
-        THREE: 'three',
-        React: 'react',
-        ReactDom: 'react-dom',
-      }),
-      new HtmlPlugin({
-        filename: 'index.html',
-        template: path.join(publicPath, 'home.ejs'),
-        templateParameters: {
-          modules: Object.keys(entrys).toString(),
-        },
-        chunks: [''],
-      }),
-      ...Object.keys(entrys).map((name) => {
-        return new HtmlPlugin({
-          filename: `${name}.html`,
-          template: path.join(publicPath, 'component.ejs'),
-          templateParameters: {
-            module_name: name,
-            assets: appPackage.easyv.assets,
-          },
-          chunks: [name],
-        });
-      }),
-    ],
-    externals: {
-      react: 'react',
-      'react-dom': 'ReactDOM',
-    },
-
-    devServer: {
-      port,
-      hot: false,
-      quiet: true,
-      before: function (app, server, compiler) {
-        var multer = require('multer');
-        var storage = multer.memoryStorage();
-        var upload = multer({ storage: storage });
-        const fileCache = new Map();
-        // 用户资源上传
-        app.post(
-          '/__develop__/assets',
-          upload.single('file'),
-          function (req, res) {
-            const a = req.file;
-            fileCache.set(a.originalname, a.buffer);
-            res.json({ url: `${req.url}/${a.originalname}` });
-          },
-        );
-        // 用户资源获取
-        app.get('/__develop__/assets/:name', function (req, res) {
-          const file = fileCache.get(req.params.name);
-          if (!file) return res.status(404);
-          res.send(file);
-        });
-        // 静态资源
-        app.get('/static/*', function (req, res) {
-          let filepath;
-          [cliNodeModules].find((root) => {
-            const p = req.url.replace('/static', root);
-            if (fs.existsSync(p)) {
-              filepath = p;
-              return true;
-            }
-          });
-          if (!filepath) return res.status(404).end();
-          fs.readFile(filepath, (err, data) => {
-            if (err) {
-              return res.status(404).end();
-            }
-            res.send(data);
-          });
-        });
-      },
-    },
-  };
-
-  if (webpackConfigExtendFn) {
-    return webpackConfigExtendFn(cf, {
-      production: false,
-    });
-  }
-
-  return cf;
-};
+const HtmlPlugin = require('html-webpack-plugin');
+const path = require('path');
+const fs = require('fs');
+const commonConfig = require('./webpack.config.common');
+const webpack = require('webpack');
+const {
+  appPackage,
+  public: publicPath,
+  webpackConfigExtend,
+  cliNodeModules,
+} = require('./paths');
+
+let webpackConfigExtendFn;
+if (fs.existsSync(webpackConfigExtend)) {
+  webpackConfigExtendFn = require(webpackConfigExtend);
+}
+
+process.env.NODE_ENV = 'development';
+
+module.exports = ({ port, modules }) => {
+  const entrys = modules.reduce((acc, item) => {
+    acc[item.name] = path.resolve(item.path);
+    return acc;
+  }, {});
+
+  const cf = {
+    ...commonConfig({
+      isProduction: false,
+      entrys,
+    }),
+
+    mode: 'development',
+    entry: entrys,
+    output: {
+      filename: '[name].js',
+      globalObject: 'this',
+      libraryTarget: 'var',
+      library: '__MAIN__', // 暴露到window上的属性名称
+    },
+    devtool: 'source-map',
+    plugins: [
+      new webpack.ProvidePlugin({
+        THREE: 'three',
+        React: 'react',
+        ReactDom: 'react-dom',
+      }),
+      new HtmlPlugin({
+        filename: 'index.html',
+        template: path.join(publicPath, 'home.ejs'),
+        templateParameters: {
+          modules: Object.keys(entrys).toString(),
+        },
+        chunks: [''],
+      }),
+      ...Object.keys(entrys).map((name) => {
+        return new HtmlPlugin({
+          filename: `${name}.html`,
+          template: path.join(publicPath, 'component.ejs'),
+          templateParameters: {
+            module_name: name,
+            assets: appPackage.easyv.assets,
+          },
+          chunks: [name],
+        });
+      }),
+    ],
+    externals: {
+      react: 'react',
+      'react-dom': 'ReactDOM',
+    },
+
+    devServer: {
+      port,
+      hot: false,
+      quiet: true,
+      before: function (app, server, compiler) {
+        var multer = require('multer');
+        var storage = multer.memoryStorage();
+        var upload = multer({ storage: storage });
+        const fileCache = new Map();
+        // 用户资源上传
+        app.post(
+          '/__develop__/assets',
+          upload.single('file'),
+          function (req, res) {
+            const a = req.file;
+            fileCache.set(a.originalname, a.buffer);
+            res.json({ url: `${req.url}/${a.originalname}` });
+          },
+        );
+        // 用户资源获取
+        app.get('/__develop__/assets/:name', function (req, res) {
+          const file = fileCache.get(req.params.name);
+          if (!file) return res.status(404);
+          res.send(file);
+        });
+        // 静态资源
+        app.get('/static/*', function (req, res) {
+          let filepath;
+          [cliNodeModules].find((root) => {
+            const p = req.url.replace('/static', root);
+            if (fs.existsSync(p)) {
+              filepath = p;
+              return true;
+            }
+          });
+          if (!filepath) return res.status(404).end();
+          fs.readFile(filepath, (err, data) => {
+            if (err) {
+              return res.status(404).end();
+            }
+            res.send(data);
+          });
+        });
+      },
+    },
+  };
+
+  if (webpackConfigExtendFn) {
+    return webpackConfigExtendFn(cf, {
+      production: false,
+    });
+  }
+
+  return cf;
+};

package/launcher/build.js

@@ -1,120 +1,122 @@
-const fs = require('fs');
-const path = require('path');
-const chalk = require('chalk');
-const webpack = require('webpack');
-const filesize = require('filesize');
-const { appComponents, appBuild } = require('../config/paths');
-const { checkComponentFiles } = require('../utils');
-const getWebpackConfig = require('../config/webpack.config.build');
-const { getBuildEntrys } = require('./start');
-const os = require('os');
-
-function canReadAsset(asset) {
-  return (
-    /\.(js|css)$/.test(asset) &&
-    !/service-worker\.js/.test(asset) &&
-    !/precache-manifest\.[0-9a-f]+\.js/.test(asset)
-  );
-}
-
-module.exports = (name, option = {}) => {
-  const { unique = true, removeConsole } = option;
-  return new Promise(async (resolve, reject) => {
-    // 检查组件是否存在
-    // 开始打包
-    // 打包成功 返回bundle路径
-    const result = await getBuildEntrys();
-    const componentInfo = result.find((d) => d.name === name);
-    const { base } = componentInfo;
-    const pathSymbol = os.type() === 'Windows_NT' ? "\\" : "/" 
-    const sourcePath = componentInfo.path.slice(
-      0,
-      componentInfo.path.lastIndexOf(pathSymbol),
-    );
-    // const sourcePath = path.join(appComponents, name);
-
-    let easyvcid;
-    if (unique) {
-      // 生成组件唯一标识
-      const easyvc = path.join(sourcePath, '.easyvc');
-      if (fs.existsSync(easyvc)) {
-        easyvcid = fs.readFileSync(easyvc, { encoding: 'utf8' });
-      }
-      if (!easyvcid) {
-        easyvcid = Array.from({ length: 6 })
-          .map(() => Math.random().toString(32).slice(2, 3))
-          .join('');
-        fs.writeFileSync(easyvc, easyvcid, { encoding: 'utf8' });
-      }
-    }
-
-    // 重写base的modulename
-    // const { base } = checkComponentFiles(sourcePath);
-    base.filename = `${componentInfo.dirname}`;
-    base.module_name = `${base.module_name}${unique ? '.' + easyvcid : ''}`;
-    const compiler = webpack(
-      getWebpackConfig(base, { uniqueId: easyvcid, removeConsole }),
-    );
-
-    console.log('Creating an optimized production build...');
-
-    compiler.run((err, stats) => {
-      const message = stats.toJson({
-        all: true,
-        warnings: true,
-        errors: true,
-      });
-
-      const errors = err || message.errors;
-      if (errors.length) {
-        console.log(chalk.red('Failed to compile.\n'));
-        console.log(chalk.red(errors + '\n'));
-        process.exit(1);
-      }
-
-      if (message.warnings.length) {
-        console.log(chalk.yellow('Compiled with warnings.\n'));
-        console.log(message.warnings.join('\n\n'));
-      } else {
-        // successful
-        console.log(chalk.green('Compiled successfully.'));
-        console.log(`Time: ${message.time / 1000}s`);
-        console.log(`Built at: ${new Date(message.builtAt)}\n`);
-        console.log('File sizes:\n');
-
-        message.assets
-          .filter((asset) => canReadAsset(asset.name))
-          .map((asset) => {
-            var fileContents = fs.readFileSync(
-              path.resolve(appBuild, asset.name),
-            );
-            return {
-              folder: path.join(
-                path.basename(appBuild),
-                path.dirname(asset.name),
-              ),
-              name: path.basename(asset.name),
-              size: filesize(fileContents.length),
-            };
-          })
-          .sort((a, b) => b.size - a.size)
-          .map((asset) => {
-            console.log(
-              '  ' +
-                asset.size +
-                '  ' +
-                chalk.dim(asset.folder + path.sep) +
-                chalk.cyan(asset.name),
-            );
-          });
-
-        console.log();
-      }
-      resolve({
-        file: path.join(message.outputPath, message.assetsByChunkName.main),
-        base,
-        sourcePath: sourcePath,
-      });
-    });
-  });
-};
+const fs = require('fs');
+const path = require('path');
+const chalk = require('chalk');
+const webpack = require('webpack');
+const filesize = require('filesize');
+const { appComponents, appBuild } = require('../config/paths');
+const { checkComponentFiles } = require('../utils');
+const getWebpackConfig = require('../config/webpack.config.build');
+const { getBuildEntrys } = require('./start');
+const os = require('os');
+
+function canReadAsset(asset) {
+  return (
+    /\.(js|css)$/.test(asset) &&
+    !/service-worker\.js/.test(asset) &&
+    !/precache-manifest\.[0-9a-f]+\.js/.test(asset)
+  );
+}
+
+module.exports = (name, option = {}) => {
+  const { unique = true, removeConsole } = option;
+  return new Promise(async (resolve, reject) => {
+    // 检查组件是否存在
+    // 开始打包
+    // 打包成功 返回bundle路径
+    const result = await getBuildEntrys();
+    const componentInfo = result.find((d) => d.name === name);
+    const { base } = componentInfo;
+    const pathSymbol = os.type() === 'Windows_NT' ? '\\' : '/';
+    const sourcePath = componentInfo.path.slice(
+      0,
+      componentInfo.path.lastIndexOf(pathSymbol),
+    );
+    // const sourcePath = path.join(appComponents, name);
+
+    let easyvcid;
+    if (unique) {
+      // 生成组件唯一标识
+      const easyvc = path.join(sourcePath, '.easyvc');
+      if (fs.existsSync(easyvc)) {
+        easyvcid = fs.readFileSync(easyvc, { encoding: 'utf8' });
+      }
+      if (!easyvcid) {
+        easyvcid = Array.from({ length: 6 })
+          .map(() => Math.random().toString(32).slice(2, 3))
+          .join('');
+        fs.writeFileSync(easyvc, easyvcid, { encoding: 'utf8' });
+      }
+    }
+
+    // 重写base的modulename
+    // const { base } = checkComponentFiles(sourcePath);
+    base.filename = `${componentInfo.dirname}`;
+    base.module_name = `${base.module_name}${unique ? '.' + easyvcid : ''}`;
+    const compiler = webpack(
+      getWebpackConfig(base, { uniqueId: easyvcid, removeConsole }),
+    );
+
+    console.log('Creating an optimized production build...');
+
+    compiler.run((err, stats) => {
+      const message = stats.toJson({
+        all: true,
+        warnings: true,
+        errors: true,
+      });
+
+      const errors = err || message.errors;
+      if (errors.length) {
+        console.log(chalk.red('Failed to compile.\n'));
+        console.log(chalk.red(errors + '\n'));
+        process.exit(1);
+      }
+
+      if (message.warnings.length) {
+        console.log(chalk.yellow('Compiled with warnings.\n'));
+        console.log(message.warnings.join('\n\n'));
+      } else {
+        // successful
+        console.log(chalk.green('Compiled successfully.'));
+        console.log(`Time: ${message.time / 1000}s`);
+        console.log(`Built at: ${new Date(message.builtAt)}\n`);
+        console.log('File sizes:\n');
+
+        message.assets
+          .filter((asset) => canReadAsset(asset.name))
+          .map((asset) => {
+            var fileContents = fs.readFileSync(
+              path.resolve(appBuild, asset.name),
+            );
+            return {
+              folder: path.join(
+                path.basename(appBuild),
+                path.dirname(asset.name),
+              ),
+              name: path.basename(asset.name),
+              size: filesize(fileContents.length),
+            };
+          })
+          .sort((a, b) => b.size - a.size)
+          .map((asset) => {
+            console.log(
+              '  ' +
+                asset.size +
+                '  ' +
+                chalk.dim(asset.folder + path.sep) +
+                chalk.cyan(asset.name),
+            );
+          });
+
+        console.log();
+      }
+      resolve({
+        file: path.join(message.outputPath, message.assetsByChunkName.main),
+        base,
+        sourcePath: sourcePath,
+      });
+    });
+  });
+};
+
+module.exports.getBuildEntrys = getBuildEntrys;