-
Notifications
You must be signed in to change notification settings - Fork 2.2k
/
migrate-to-webpack-5.ts
61 lines (51 loc) · 1.63 KB
/
migrate-to-webpack-5.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
import {
addDependenciesToPackageJson,
convertNxGenerator,
GeneratorCallback,
logger,
readJson,
removeDependenciesFromPackageJson,
Tree,
} from '@nrwl/devkit';
import { runTasksInSerial } from '@nrwl/workspace/src/utilities/run-tasks-in-serial';
const basePackages = {
'copy-webpack-plugin': '^9.0.1',
webpack: '^5.47.0',
'webpack-merge': '^5.8.0',
'webpack-node-externals': '^3.0.0',
};
const webPackages = {
'mini-css-extract-plugin': '^2.1.0',
'source-map-loader': '^3.0.0',
'terser-webpack-plugin': '^5.1.1',
'webpack-dev-server': '4.0.0-rc.0',
'webpack-sources': '^3.0.2',
'react-refresh': '^0.10.0',
'@pmmmwh/react-refresh-webpack-plugin': '0.5.0-rc.2',
};
export async function nodeMigrateToWebpack5Generator(tree: Tree, schema: {}) {
let packages = basePackages;
const tasks: GeneratorCallback[] = [];
const packageJson = readJson(tree, 'package.json');
const deps = [
...Object.keys(packageJson.dependencies), // just in case someone installed it here
...Object.keys(packageJson.devDependencies),
];
if (deps.includes('@nrwl/web')) {
packages = {
...packages,
...webPackages,
};
}
logger.info(`NX Adding webpack 5 to workspace.`);
// Removing the packages ensures that the versions will be updated when adding them after
tasks.push(
removeDependenciesFromPackageJson(tree, [], Object.keys(packages))
);
tasks.push(addDependenciesToPackageJson(tree, {}, packages));
return runTasksInSerial(...tasks);
}
export default nodeMigrateToWebpack5Generator;
export const nodeMigrateToWebpack5Schematic = convertNxGenerator(
nodeMigrateToWebpack5Generator
);