Skip to content

Commit a1f4c0b

Browse files
camillobrunicamillobruni
authored
Convert webpack configs to mjs (#542)
Migrate webpack configs from node modules to standard mjs modules.
1 parent b274b98 commit a1f4c0b

16 files changed

Lines changed: 77 additions & 67 deletions

File tree

‎resources/todomvc/architecture-examples/react-redux/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
},
1010
"scripts": {
1111
"sanitize": "OUTPUT_FOLDER=./dist node node_modules/sanitize-language",
12-
"build": "webpack --config webpack.prod.js && npm run sanitize",
13-
"dev": "webpack serve --open --config webpack.dev.js",
12+
"build": "webpack --config webpack.prod.mjs && npm run sanitize",
13+
"dev": "webpack serve --open --config webpack.dev.mjs",
1414
"serve": "http-server ./dist -p 7002 -c-1 --cors",
1515
"test": "jest"
1616
},

resources/todomvc/architecture-examples/react-redux/webpack.common.js renamed to resources/todomvc/architecture-examples/react-redux/webpack.common.mjs

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
const path = require("path");
2-
const HtmlWebpackPlugin = require("html-webpack-plugin");
1+
import path from "path";
2+
const currentDir = import.meta.dirname;
3+
import HtmlWebpackPlugin from "html-webpack-plugin";
34

4-
module.exports = {
5+
export default {
56
entry: {
6-
app: path.resolve(__dirname, "src", "index.js"),
7+
app: path.resolve(currentDir, "src", "index.js"),
78
},
89
plugins: [
910
new HtmlWebpackPlugin({
@@ -13,7 +14,7 @@ module.exports = {
1314
],
1415
output: {
1516
filename: "[name].bundle.js",
16-
path: path.resolve(__dirname, "dist"),
17+
path: path.resolve(currentDir, "dist"),
1718
clean: true,
1819
},
1920
resolve: {

resources/todomvc/architecture-examples/react/webpack.dev.js renamed to resources/todomvc/architecture-examples/react-redux/webpack.dev.mjs

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
const { merge } = require("webpack-merge");
2-
const common = require("./webpack.common.js");
1+
import { merge } from "webpack-merge";
2+
import common from "./webpack.common.mjs";
33

4-
module.exports = merge(common, {
4+
export default merge(common, {
55
mode: "development",
66
devtool: "inline-source-map",
77
devServer: {

resources/todomvc/vanilla-examples/javascript-es6-webpack/webpack.prod.js renamed to resources/todomvc/architecture-examples/react-redux/webpack.prod.mjs

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
const { merge } = require("webpack-merge");
2-
const common = require("./webpack.common.js");
1+
import { merge } from "webpack-merge";
2+
import common from "./webpack.common.mjs";
33

4-
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
5-
const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
6-
const TerserPlugin = require("terser-webpack-plugin");
4+
import MiniCssExtractPlugin from "mini-css-extract-plugin";
5+
import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
76

8-
module.exports = merge(common, {
7+
import TerserPlugin from "terser-webpack-plugin";
8+
9+
export default merge(common, {
910
mode: "production",
1011
devtool: "source-map",
1112
plugins: [

‎resources/todomvc/architecture-examples/react/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
"npm": ">=8.19.3"
99
},
1010
"scripts": {
11-
"build": "webpack --config webpack.prod.js",
12-
"dev": "webpack serve --open --config webpack.dev.js",
11+
"build": "webpack --config webpack.prod.mjs",
12+
"dev": "webpack serve --open --config webpack.dev.mjs",
1313
"serve": "http-server ./dist -p 7002 -c-1 --cors",
1414
"test": "jest"
1515
},

resources/todomvc/architecture-examples/react/webpack.common.js renamed to resources/todomvc/architecture-examples/react/webpack.common.mjs

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,20 @@
1-
const HtmlWebpackPlugin = require("html-webpack-plugin");
2-
const path = require("path");
1+
import HtmlWebpackPlugin from "html-webpack-plugin";
2+
import path from "path";
3+
const currentDir = import.meta.dirname;
34

4-
module.exports = {
5+
export default {
56
entry: {
6-
app: path.resolve(__dirname, "src", "index.js"),
7+
app: path.resolve(currentDir, "src", "index.js"),
78
},
89
plugins: [
910
new HtmlWebpackPlugin({
1011
title: "TodoMVC: React",
11-
template: path.resolve(__dirname, "public", "index.html"),
12+
template: path.resolve(currentDir, "public", "index.html"),
1213
}),
1314
],
1415
output: {
1516
filename: "[name].bundle.js",
16-
path: path.resolve(__dirname, "dist"),
17+
path: path.resolve(currentDir, "dist"),
1718
clean: true,
1819
},
1920
resolve: {

resources/todomvc/architecture-examples/react-redux/webpack.dev.js renamed to resources/todomvc/architecture-examples/react/webpack.dev.mjs

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
const { merge } = require("webpack-merge");
2-
const common = require("./webpack.common.js");
1+
import { merge } from "webpack-merge";
2+
import common from "./webpack.common.mjs";
33

4-
module.exports = merge(common, {
4+
export default merge(common, {
55
mode: "development",
66
devtool: "inline-source-map",
77
devServer: {

resources/todomvc/architecture-examples/react/webpack.prod.js renamed to resources/todomvc/architecture-examples/react/webpack.prod.mjs

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
const { merge } = require("webpack-merge");
2-
const common = require("./webpack.common.js");
1+
import { merge } from "webpack-merge";
2+
import common from "./webpack.common.mjs";
33

4-
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
5-
const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
4+
import MiniCssExtractPlugin from "mini-css-extract-plugin";
5+
import CssMinimizerPlugin from "css-minimizer-webpack-plugin";
66

7-
const TerserPlugin = require("terser-webpack-plugin");
7+
import TerserPlugin from "terser-webpack-plugin";
88

9-
module.exports = merge(common, {
9+
export default merge(common, {
1010
mode: "production",
1111
devtool: "source-map",
1212
plugins: [

‎resources/todomvc/big-dom-generator/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@
77
"npm": ">=8.19.3"
88
},
99
"scripts": {
10-
"build": "webpack --config webpack.prod.js",
10+
"build": "webpack --config webpack.prod.mjs",
1111
"postbuild": "node dist/app.bundle.js && purgecss -css dist/big-dom.css --content dist/index.html --output=dist/big-dom.css && rm dist/app.bundle.js && rm dist/app.bundle.js.LICENSE.txt && node utils/createVariant.js",
12-
"dev": "webpack serve --open --config webpack.dev.js",
12+
"dev": "webpack serve --open --config webpack.dev.mjs",
1313
"serve": "http-server ./dist -p 7002 -c-1 --cors"
1414
},
1515
"devDependencies": {

resources/todomvc/big-dom-generator/webpack.common.js renamed to resources/todomvc/big-dom-generator/webpack.common.mjs

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
1-
const path = require("path");
1+
import path from "path";
2+
const currentDir = import.meta.dirname;
23

3-
module.exports = {
4+
export default {
45
entry: {
5-
app: path.resolve(__dirname, "index.js"),
6+
app: path.resolve(currentDir, "index.js"),
67
},
78
output: {
89
filename: "[name].bundle.js",
9-
path: path.resolve(__dirname, "dist"),
10+
path: path.resolve(currentDir, "dist"),
1011
clean: true,
1112
},
1213
resolve: {

0 commit comments

Comments
 (0)