fix: webpack path

.config/webpack/webpack.common.js

@@ -4,6 +4,20 @@ const webpack = require('webpack');
 
 module.exports = {
   entry: path.resolve(process.cwd(), 'src/index.js'),
+  output: {
+    publicPath: '/',
+  },
+  resolve: {
+    extensions: ['.js', '.jsx'],
+  },
+  optimization: {
+    splitChunks: {
+      chunks: 'all',
+    },
+  },
+  plugins: [
+    new webpack.ProgressPlugin(),
+  ],
   module: {
     rules: [
       {
@@ -34,22 +48,4 @@ module.exports = {
       },
     ],
   },
-  resolve: {
-    extensions: ['.js', '.jsx'],
-  },
-  output: {
-    publicPath: '/',
-  },
-  plugins: [
-    new webpack.ProgressPlugin({
-      activeModules: false,
-      entries: true,
-      modules: true,
-      modulesCount: 5000,
-      profile: false,
-      dependencies: true,
-      dependenciesCount: 10000,
-      percentBy: null,
-    }),
-  ],
 }

.config/webpack/webpack.dev.js

@@ -11,13 +11,13 @@ module.exports = merge({
   },
   plugins: [
     new HtmlWebpackPlugin({
-      template: path.join(process.cwd(), 'public/index.html'),
+      template: path.join(process.cwd(), '.config/public/index.html'),
       filename: path.join(process.cwd(), 'build/index.html'),
     }),
   ],
   devServer: {
     port: 3001,
-    static: path.join(process.cwd(), 'public'),
+    static: path.join(process.cwd(), '.config/public'),
     historyApiFallback: true,
     host: '0.0.0.0',
   },

.config/webpack/webpack.prod.js

@@ -12,22 +12,17 @@ module.exports = merge(common, {
     filename: 'static/[name].[contenthash].js',
     path: path.resolve(process.cwd(), 'docs'),
   },
-  optimization: {
-    splitChunks: {
-      chunks: 'all',
-    },
-  },
   plugins: [
     new HtmlWebpackPlugin({
-      template: path.join(process.cwd(), 'public/index.html'),
+      template: path.join(process.cwd(), '.config/public/index.html'),
       filename: path.join(process.cwd(), 'docs/index.html'),
     }),
     new FaviconsWebpackPlugin({
-      logo: './public/logo.png',
+      logo: path.join(process.cwd(), '.config/public/logo.png'),
       cache: true,
       inject: true,
       mode: 'webapp',
-      manifest: './public/manifest.json',
+      manifest: path.join(process.cwd(), '.config/public/manifest.json'),
     }),
     new WebpackAssetsManifest({}),
     new WorkboxPlugin.GenerateSW()

src/index.js

@@ -1,7 +1,6 @@
 import React from 'react'
 import { createRoot } from 'react-dom/client';
 import App from './App';
-import './index.css'
 
 const container = document.getElementById('root');
 const root = createRoot(container);