@vnejs/build 0.0.5 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/build",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Build tools for @vnejs",
   "main": "src/index.js",
   "bin": {
@@ -16,6 +16,28 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "lodash.merge": "4.6.2"
+    "lodash.merge": "4.6.2",
+    "webpack": "5.88.1",
+    "html-webpack-plugin": "4.5.2",
+    "mini-css-extract-plugin": "1.1.1",
+    "regenerator-runtime": "0.13.7",
+    "setimmediate": "1.0.5",
+    "style-loader": "2.0.0",
+    "stylus": "0.59.0",
+    "stylus-loader": "3.0.2",
+    "css-loader": "5.0.0",
+    "react": "16.14.0",
+    "react-dom": "16.14.0",
+    "@loadable/babel-plugin": "5.13.2",
+    "@loadable/webpack-plugin": "5.14.0",
+    "babel-loader": "8.1.0",
+    "babel-plugin-module-resolver": "4.0.0",
+    "babel-plugin-transform-react-remove-prop-types": "0.4.24",
+    "base64-inline-loader": "2.0.1",
+    "@babel/core": "7.12.3",
+    "@babel/plugin-proposal-class-properties": "7.12.1",
+    "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/preset-env": "7.12.1",
+    "@babel/preset-react": "7.12.1"
   }
 }

package/src/cli.js

@@ -2,8 +2,6 @@
 
 const { Command } = require("commander");
 
-const dataAction = require("./data");
-
 const packageJson = require("../package.json");
 
 const program = new Command();
@@ -14,12 +12,12 @@ program
   .command("data")
   .option("-w, --watch", "watch mode", false)
   .option("-q, --quiet", "no console mode", false)
-  .action(dataAction(process.env.PWD));
+  .action(require("./data")(process.env.PWD));
 
 program
-  .command("bundle")
+  .command("client")
   .option("-w, --watch", "watch mode", false)
   .option("-q, --quiet", "no console mode", false)
-  .action(dataAction(process.env.PWD));
+  .action(require("./client")(process.env.PWD));
 
 program.parse();

package/src/client/index.js

@@ -0,0 +1,9 @@
+const webpack = require("webpack");
+
+module.exports = (rootDir) => (options) =>
+  webpack(require("./webpack.config")(rootDir, options), (err, stats) => {
+    if (err || stats.hasErrors()) {
+      stats.hasErrors() && console.error(stats.toJson().errors);
+      stats.hasWarnings() && console.warn(stats.toJson().warnings);
+    }
+  });

package/src/client/webpack.config.js

@@ -0,0 +1,97 @@
+const fs = require("fs");
+const path = require("path");
+const webpack = require("webpack");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+
+module.exports = (rootPath, options) => {
+  const distPath = path.join(rootPath, "dist");
+  const gamePath = path.join(rootPath, "game");
+  const nodeModulesPath = path.join(__dirname, "..", "..", "node_modules");
+  const entry = [path.join(rootPath, "client", "index.js")];
+  const isDev = process.env.NODE_ENV === "development";
+
+  fs.readdirSync(gamePath).forEach((modDir) => {
+    const scriptPath = path.join(gamePath, modDir, "scripts", "index.js");
+
+    fs.existsSync(scriptPath) && entry.push(scriptPath);
+  });
+
+  return {
+    watch: options.watch,
+    mode: isDev ? "development" : "production",
+    target: "web",
+    entry: {
+      index: { import: entry, chunkLoading: false, dependOn: "vendors" },
+      vendors: [
+        `${nodeModulesPath}/regenerator-runtime`,
+        `${nodeModulesPath}/setimmediate`,
+        `${nodeModulesPath}/react`,
+        `${nodeModulesPath}/react-dom`,
+      ],
+    },
+    optimization: { minimize: true },
+    resolve: {
+      extensions: [".js", ".jsx", ".styl", ".css"],
+      alias: {
+        "@Vne/core": path.resolve(rootPath, "client/engine/core"),
+        "@Vne/modules": path.resolve(rootPath, "client/engine/modules"),
+        "@Vne/bundles": path.resolve(rootPath, "client/engine/bundles"),
+      },
+    },
+    output: { path: distPath, filename: "[name].[hash].js" },
+    plugins: [
+      new webpack.DefinePlugin({
+        "process.env.NODE_ENV": `"${isDev ? "development" : "production"}"`,
+      }),
+      new HtmlWebpackPlugin({ filename: "index.html", template: path.join(rootPath, "client", "index.html") }),
+      new MiniCssExtractPlugin({ filename: path.join(distPath, "dist", "index.css") }),
+    ],
+
+    module: {
+      rules: [
+        {
+          test: /\.m?(t|j)sx?$/,
+          exclude: /node_modules/,
+          use: {
+            loader: `${nodeModulesPath}/babel-loader`,
+            options: {
+              plugins: [
+                `${nodeModulesPath}/@babel/plugin-syntax-dynamic-import`,
+                `${nodeModulesPath}/@babel/plugin-proposal-class-properties`,
+                `${nodeModulesPath}/@loadable/babel-plugin`,
+              ],
+              presets: [
+                `${nodeModulesPath}/@babel/preset-react`,
+                [
+                  `${nodeModulesPath}/@babel/preset-env`,
+                  { useBuiltIns: "entry", corejs: "core-js@3", modules: "commonjs" },
+                ],
+              ],
+              cacheDirectory: true,
+              caller: { target: "clientside", name: "babel-loader" },
+            },
+          },
+        },
+        {
+          test: /\.css$/,
+          use: [
+            // MiniCssExtractPlugin.loader,
+            { loader: `${nodeModulesPath}/style-loader` },
+            { loader: `${nodeModulesPath}/css-loader` },
+          ],
+        },
+        {
+          test: /\.styl$/,
+          use: [
+            // MiniCssExtractPlugin.loader,
+            { loader: `${nodeModulesPath}/style-loader` },
+            { loader: `${nodeModulesPath}/css-loader` },
+            { loader: `${nodeModulesPath}/stylus-loader` },
+          ],
+        },
+        { test: /\.(jpe?g|png|ttf|gif|eot|svg|woff)$/, use: [{ loader: `${nodeModulesPath}/base64-inline-loader` }] },
+      ],
+    },
+  };
+};

package/src/index.js

@@ -1,3 +1,4 @@
 module.exports = {
   buildData: (rootDir, watch = false) => require("./data")(rootDir)({ watch }),
+  buildClient: (rootDir, watch = false) => require("./client")(rootDir)({ watch }),
 };