chore(webpack-react): adjust node minimum dependency

This commit is contained in:
dancingCycle 2024-02-15 15:26:29 +01:00
parent eb5c837955
commit 0d0410ea96
10 changed files with 5 additions and 23 deletions

View File

@ -1,17 +0,0 @@
# React.js Example
## Table of Contents
0. [General](#general)
1. [Links](#links)
# General
# Links
* [React setup with webpack for beginners](https://dev.to/deepanjangh/react-setup-with-webpack-for-beginners-2a8k)
* [Production](https://webpack.js.org/guides/production/)
* [Setup Development and Production Environment for React App](https://medium.com/freestoneinfotech/setup-development-and-production-environment-for-react-app-397c4cc9e382)
* [HtmlWebpackPlugin](https://webpack.js.org/plugins/html-webpack-plugin/)
* [load CSS](https://masteringjs.io/tutorials/webpack/css-loader)
* [load CSS](https://webpack.js.org/loaders/css-loader/)
* [load CSS](https://blog.jakoblind.no/css-modules-webpack/)

View File

@ -4,7 +4,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');
module.exports = {
//bundle *.js from this entry point
entry: path.resolve(__dirname, '../app/index.jsx'),
entry: path.resolve(__dirname, '../src/index.jsx'),
//create output file to be linked to index.html
output: {
filename: '[name].bundle.js',
@ -18,7 +18,7 @@ module.exports = {
//test all *.jsx (e.g. React.js) using babel-loader
test: /\.(js|jsx)$/,
exclude: /node_modules/,
include: path.resolve(__dirname, '../app'),
include: path.resolve(__dirname, '../src'),
use: ['babel-loader'],
},
{

View File

@ -27,8 +27,7 @@
"webpack-merge": "5.10.0"
},
"engines": {
"node": ">=10.0.0 <=18.17.0",
"npm": ">=8.0.0 <=10.2.3"
"node": ">=18.17.0"
}
},
"node_modules/@ampproject/remapping": {

View File

@ -11,7 +11,7 @@
"author": "Software Ingenieur Begerad <dialog@SwIngBe.de>",
"license": "GPL-3.0-or-later",
"engines": {
"node": ">=18.19.0"
"node": ">=18.17.0"
},
"scripts": {
"start": "webpack serve --config config/webpack.dev.js",

View File

@ -1,6 +1,6 @@
import React from 'react';
import ReactDOM from 'react-dom';
import App from './app';
import App from './main';
//TODO remove debugging
if (process.env.NODE_ENV !== 'production') {
console.log('development mode');