UI付きでGitHubに環境がおいてあったので動くまで進めてみました。
必要な環境はNode.js、npm。
Node.jsは公式サイトからLTS版をインストール（Windows インストーラー (.msi)）。インストール中はNext押すだけ。Tools for Native Modulesはチェックを外す。じゃないと色々ついてきてしまうので。インストールが成功したらコマンドプロンプトでnode -vで確認できます。
GitHubからzipをダウンロードし解凍。作業用フォルダを作ってそこにファイルをまるごと移動。
package.jsonを編集
“scripts”: { }の中身を一部上書き
“updatesemantic”: “echo Skip-Semantic-Update”,
“webpack:prod”: “webpack –config webpack.config.js –mode production”,
“postinstall”: “echo Done”
App/styles/theme.config をコピーして、node_modules/semantic-ui-less/ にペースト。
App/styles/site をコピーして、node_modules/semantic-ui-less/ にペースト。
コマンドプロンプトで作業フォルダに移動し、以下実行
npm install –legacy-peer-deps
set NODE_OPTIONS=–openssl-legacy-provider
npx webpack –config webpack.conf.js –mode production
node server.js
これでサーバーが起動します。
ｈｔｔｐ：／／ｌｏｃａｌｈｏｓｔ：３０００
にアクセスして表示されたら完成です。
.batを作っておけば楽です
@echo off
set NODE_OPTIONS=–openssl-legacy-provider
node server.js
pause
server.jsは作業フォルダに作成しました。以下は中身です。
const express = require(‘express’);
const path = require(‘path’);
const app = express();
const port = 3000;
app.use(express.static(path.join(__dirname, ‘dist’)));
app.get(‘/’, (req, res) => {
res.sendFile(path.join(__dirname, ‘dist’, ‘index.html’));
});
app.listen(port, () => {
console.log(‘——————————————-‘);
console.log(サーバーが再起動しました);
console.log(ブラウザで http://localhost:${port} を開いてください);
console.log(‘——————————————-‘);
});
昨今AIが勝手にリバースエンジニアリングしたりするものだからどこまで防げるか、いつまで防げるか分かりませんが、何となくローカルに作っておくといいのかもしれません。