Skip to content

Instantly share code, notes, and snippets.

{
"name": "my-app",
"version": "1.0.0",
"private": true,
"license": "MIT",
"scripts": {
"webpack:development": "webpack serve"
},
"devDependencies": {
"webpack": "^5.45.0",
{
"name": "my-app",
"version": "1.0.0",
"private": true,
"license": "MIT",
"devDependencies": {
"webpack": "^5.45.0",
"webpack-cli": "^4.7.2"
}
}
{
"name": "my-app",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"devDependencies": {
"webpack": "^5.45.0",
"webpack-cli": "^4.7.2"
}
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>My App</title>
</head>
<body>
<div id='root'></div>
<script src='main.js'></script>
</body>
import React from 'react'
import ReactDOM from 'react-dom'
const App = () => {
return (
<div>
Hello, React World!
</div>
)
}
const path = require('path')
module.exports = {
entry: './src/index.js',
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
{
"name": "my-app",
"version": "1.0.0",
"private": true,
"license": "MIT",
"scripts": {
"webpack:development": "webpack serve"
},
"dependencies": {
"webpack": "^5.45.0",
const path = require('path')
module.exports = {
entry: './src/index.js',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist')
},
mode: 'development',
devServer: {
const path = require('path')
module.exports = {
entry: './src/index.js',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist')
},
mode: 'development'
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>My App</title>
</head>
<body>
<script src='main.js'></script>
</body>
</html>