Webpack error with Monaco Editor

[erosman]

To start with, I am new in using webpack.

Ubuntu 24.04

├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

• Copied the content of browser-esm-webpack to /home/src directory
• Tried npx webpack build
• Got lots of errors

ERROR in ./node_modules/monaco-editor/esm/vs/base/browser/ui/actionbar/actionbar.css 6:0
Module parse failed: Unexpected token (6:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|  *--------------------------------------------------------------------------------------------*/
| 
> .monaco-action-bar {
| 	white-space: nowrap;
| 	height: 100%;
 @ ./node_modules/monaco-editor/esm/vs/base/browser/ui/actionbar/actionViewItems.js 15:0-25
 @ ./node_modules/monaco-editor/esm/vs/editor/contrib/contextmenu/browser/contextmenu.js
 @ ./node_modules/monaco-editor/esm/vs/editor/editor.all.js 18:0-54
 @ ./node_modules/monaco-editor/esm/vs/editor/edcore.main.js 5:0-25
 @ ./node_modules/monaco-editor/esm/vs/editor/editor.main.js 7:0-30 7:0-30
 @ ./src/index.js 1:0-40 24:0-20

ERROR in ./node_modules/monaco-editor/esm/vs/base/browser/ui/aria/aria.css 6:0
Module parse failed: Unexpected token (6:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

webpack.config.js

        test: /\.css$/,
        use: ['style-loader', 'css-loader']

For example, above seems to refer to import './actionbar.css'; in actionViewItems.js
Any ideas?