Add build configuration

3 years ago · d28180295d
parent 236fcd7179
commit d28180295d
8 changed files with 4542 additions and 0 deletions
--- a/.babelrc
+++ b/.babelrc
@ -0,0 +1,14 @@
+{
+    "plugins": [
+        [
+            "@babel/plugin-transform-react-jsx",
+            {
+                "pragma": "justact.createElement"
+            }
+        ],
+        [
+            "@babel/plugin-transform-modules-umd"
+        ]
+    ],
+    "comments": false
+}
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,3 @@
+node_modules/
+dist/
+build/
--- a/demo/index.jsx
+++ b/demo/index.jsx
@ -0,0 +1,11 @@
+import * as justact from '../src/Example.js';
+
+document.addEventListener('DOMContentLoaded', () => {
+    document.write((new justact.Example()).testMethod());
+
+    console.log('jsx test', (
+        <div id='test-div'>
+            <input />
+        </div>
+    ));
+});
--- a/index.html
+++ b/index.html
@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>jsx WITHOUT react</title>
+    <style>
+        BODY {
+            background-color: #222;
+            color: #eee;
+        }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,27 @@
+{
+  "name": "001-notreact",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "webpack serve --open",
+    "build-babel": "babel src -d dist/src && babel demo -d dist/demo",
+    "build-webpack": "webpack --config webpack.config.js",
+    "build": "npm run build-babel && npm run build-webpack"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.12",
+    "@babel/plugin-transform-modules-umd": "^7.18.6",
+    "@babel/plugin-transform-react-jsx": "^7.20.13"
+  },
+  "devDependencies": {
+    "html-webpack-plugin": "^5.5.0",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1"
+  }
+}
--- a/src/Example.js
+++ b/src/Example.js
@ -0,0 +1,13 @@
+export function createElement(tag, attributes, ...children) {
+    return {
+        nodeName: tag,
+        attributes,
+        children
+    };
+}
+
+export class Example {
+    testMethod () {
+        return 'This is a test for the build configuration';
+    }
+}
--- a/webpack.config.js
+++ b/webpack.config.js
@ -0,0 +1,15 @@
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+
+module.exports = {
+  entry: "./dist/demo/index.js",
+  mode: "development",
+  output: {
+    path: `${__dirname}/build`,
+    filename: "bundle.js",
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: "index.html",
+    }),
+  ],
+};