feat: migrate rspack-compat examples (#97)

9aoy · web-flow · commit e10fa9455284 · 2024-07-05T11:13:08.000+08:00
diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
@@ -20,7 +20,7 @@ jobs:
         uses: actions/checkout@v4
 
       - name: Install pnpm
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v4
         id: pnpm-install
 
       - name: Set up Node.js
diff --git a/rspack/case-sensitive-paths-webpack-plugin/package.json b/rspack/case-sensitive-paths-webpack-plugin/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "example-case-sensitive-paths-webpack-plugin",
+  "private": true,
+  "scripts": {
+    "dev": "rspack serve",
+    "build": "rspack build || echo 'make-ci-happy'"
+  },
+  "devDependencies": {
+    "@rspack/cli": "^1.0.0-alpha.0",
+    "@rspack/core": "^1.0.0-alpha.0",
+    "case-sensitive-paths-webpack-plugin": "2.4.0"
+  }
+}
diff --git a/rspack/case-sensitive-paths-webpack-plugin/rspack.config.js b/rspack/case-sensitive-paths-webpack-plugin/rspack.config.js
@@ -0,0 +1,6 @@
+const { defineConfig } = require('@rspack/cli');
+const CaseSensitivePlugin = require('case-sensitive-paths-webpack-plugin');
+
+module.exports = defineConfig({
+  plugins: [new CaseSensitivePlugin()],
+});
diff --git a/rspack/case-sensitive-paths-webpack-plugin/src/answer.js b/rspack/case-sensitive-paths-webpack-plugin/src/answer.js
@@ -0,0 +1 @@
+console.log('answer');
diff --git a/rspack/case-sensitive-paths-webpack-plugin/src/index.js b/rspack/case-sensitive-paths-webpack-plugin/src/index.js
@@ -0,0 +1,2 @@
+import { answer } from './Answer';
+console.log('answer', answer);
diff --git a/rspack/copy-webpack-plugin@5/package.json b/rspack/copy-webpack-plugin@5/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "example-copy-webpack-plugin_5",
+  "private": true,
+  "scripts": {
+    "dev": "rspack serve",
+    "build": "rspack build"
+  },
+  "devDependencies": {
+    "@rspack/cli": "^1.0.0-alpha.0",
+    "copy-webpack-plugin": "^5.1.2"
+  }
+}
diff --git a/rspack/copy-webpack-plugin@5/public/test.txt b/rspack/copy-webpack-plugin@5/public/test.txt
diff --git a/rspack/copy-webpack-plugin@5/rspack.config.js b/rspack/copy-webpack-plugin@5/rspack.config.js
@@ -0,0 +1,13 @@
+const { defineConfig } = require('@rspack/cli');
+const CopyPlugin = require('copy-webpack-plugin');
+
+module.exports = defineConfig({
+  plugins: [
+    new CopyPlugin([
+      {
+        from: 'public',
+        dist: '.',
+      },
+    ]),
+  ],
+});
diff --git a/rspack/copy-webpack-plugin@5/src/index.js b/rspack/copy-webpack-plugin@5/src/index.js
@@ -0,0 +1,3 @@
+function main() {
+  return 'hello world';
+}
diff --git a/rspack/fork-ts-checker-webpack-plugin/package.json b/rspack/fork-ts-checker-webpack-plugin/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "example-fork-ts-checker-webpack-plugin_8",
+  "private": true,
+  "scripts": {
+    "dev": "rspack serve",
+    "build": "rspack build || echo 'make-ci-happy'"
+  },
+  "devDependencies": {
+    "@rspack/cli": "^1.0.0-alpha.0",
+    "fork-ts-checker-webpack-plugin": "^8.0.0",
+    "typescript": "^5.3.3"
+  }
+}
diff --git a/rspack/fork-ts-checker-webpack-plugin/rspack.config.js b/rspack/fork-ts-checker-webpack-plugin/rspack.config.js
@@ -0,0 +1,25 @@
+const { defineConfig } = require('@rspack/cli');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+
+module.exports = defineConfig({
+  plugins: [new ForkTsCheckerWebpackPlugin()],
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        use: [
+          {
+            loader: 'builtin:swc-loader',
+            options: {
+              jsc: {
+                parser: {
+                  syntax: 'typescript',
+                },
+              },
+            },
+          },
+        ],
+      },
+    ],
+  },
+});
diff --git a/rspack/fork-ts-checker-webpack-plugin/src/index.ts b/rspack/fork-ts-checker-webpack-plugin/src/index.ts
@@ -0,0 +1,9 @@
+function add(a: number, b: number): number {
+  return a + b;
+}
+
+function main(): string {
+  return 'hello world';
+}
+
+add(1, '1');
diff --git a/rspack/fork-ts-checker-webpack-plugin/tsconfig.json b/rspack/fork-ts-checker-webpack-plugin/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "lib": ["ES2015"],
+    "outDir": "dist",
+    "noEmit": true
+  },
+  "include": ["src"]
+}
diff --git a/rspack/generate-package-json-webpack-plugin@2/package.json b/rspack/generate-package-json-webpack-plugin@2/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "example-generate-package-json-webpack-plugin_2",
+  "private": true,
+  "scripts": {
+    "build": "rspack build"
+  },
+  "devDependencies": {
+    "@rspack/cli": "^1.0.0-alpha.0",
+    "generate-package-json-webpack-plugin": "^2.6.0"
+  }
+}
diff --git a/rspack/generate-package-json-webpack-plugin@2/rspack.config.js b/rspack/generate-package-json-webpack-plugin@2/rspack.config.js
@@ -0,0 +1,15 @@
+const { defineConfig } = require('@rspack/cli');
+const GeneratePackageJsonPlugin = require('generate-package-json-webpack-plugin');
+
+const basePackage = {
+  name: 'my-module',
+  version: '1.0.0',
+  main: './main.js',
+  engines: {
+    node: '>= 14',
+  },
+};
+
+module.exports = defineConfig({
+  plugins: [new GeneratePackageJsonPlugin(basePackage, {})],
+});
diff --git a/rspack/generate-package-json-webpack-plugin@2/src/index.js b/rspack/generate-package-json-webpack-plugin@2/src/index.js
@@ -0,0 +1,3 @@
+function main() {
+  return 'hello world';
+}
diff --git a/rspack/html-webpack-plugin/index.html b/rspack/html-webpack-plugin/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <script src="./main.js"></script>
+</body>
+</html>
diff --git a/rspack/html-webpack-plugin/package.json b/rspack/html-webpack-plugin/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "example-html-webpack-plugin_5",
+  "private": true,
+  "scripts": {
+    "dev": "rspack serve",
+    "build": "rspack build"
+  },
+  "devDependencies": {
+    "@rspack/cli": "^1.0.0-alpha.0",
+    "html-webpack-plugin": "^5.5.3"
+  },
+  "rspack": {
+    "version": ">=0.3.11"
+  }
+}
diff --git a/rspack/html-webpack-plugin/rspack.config.js b/rspack/html-webpack-plugin/rspack.config.js
@@ -0,0 +1,10 @@
+const { defineConfig } = require('@rspack/cli');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = defineConfig({
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: './index.html',
+    }),
+  ],
+});
diff --git a/rspack/html-webpack-plugin/src/index.js b/rspack/html-webpack-plugin/src/index.js
@@ -0,0 +1,5 @@
+function main() {
+  return 'hello world';
+}
+
+console.log(main());
diff --git a/rspack/license-webpack-plugin/package.json b/rspack/license-webpack-plugin/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "example-license-webpack-plugin_4",
+  "private": true,
+  "scripts": {
+    "build": "rspack build"
+  },
+  "devDependencies": {
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "@rspack/cli": "^1.0.0-alpha.0",
+    "license-webpack-plugin": "^4.0.2"
+  }
+}
diff --git a/rspack/license-webpack-plugin/rspack.config.js b/rspack/license-webpack-plugin/rspack.config.js
@@ -0,0 +1,47 @@
+const { defineConfig } = require('@rspack/cli');
+const { LicenseWebpackPlugin } = require('license-webpack-plugin');
+
+module.exports = defineConfig({
+  entry: {
+    main: './src/index.jsx',
+  },
+  plugins: [
+    new LicenseWebpackPlugin({
+      stats: {
+        warnings: false,
+        errors: false,
+      },
+      perChunkOutput: true,
+      outputFilename: `3rdpartylicenses.txt`,
+    }),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.jsx$/,
+        use: {
+          loader: 'builtin:swc-loader',
+          options: {
+            sourceMap: true,
+            jsc: {
+              parser: {
+                syntax: 'ecmascript',
+                jsx: true,
+              },
+              externalHelpers: true,
+              preserveAllComments: false,
+              transform: {
+                react: {
+                  runtime: 'automatic',
+                  throwIfNamespace: true,
+                  useBuiltins: false,
+                },
+              },
+            },
+          },
+        },
+        type: 'javascript/auto',
+      },
+    ],
+  },
+});
diff --git a/rspack/license-webpack-plugin/src/index.jsx b/rspack/license-webpack-plugin/src/index.jsx
@@ -0,0 +1,30 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+
+function App() {
+  return (
+    <div className="App">
+      <header className="App-header">
+        <img src={logo} className="App-logo" alt="logo" />
+        <p>
+          Edit <code>src/App.js</code> and save to reload.
+        </p>
+        <a
+          className="App-link"
+          href="https://reactjs.org"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Learn React
+        </a>
+      </header>
+    </div>
+  );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);
diff --git a/rspack/rspack-manifest-plugin/package.json b/rspack/rspack-manifest-plugin/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "example-rspack-manifest-plugin_4",
+  "private": true,
+  "scripts": {
+    "build": "rspack build"
+  },
+  "devDependencies": {
+    "@rspack/cli": "^1.0.0-alpha.0",
+    "rspack-manifest-plugin": "5.0.0-alpha0"
+  }
+}
diff --git a/rspack/rspack-manifest-plugin/rspack.config.js b/rspack/rspack-manifest-plugin/rspack.config.js
@@ -0,0 +1,25 @@
+const { defineConfig } = require('@rspack/cli');
+const { WebpackManifestPlugin: RspackManifestPlugin } = require('rspack-manifest-plugin');
+
+module.exports = defineConfig({
+  plugins: [
+    new RspackManifestPlugin({
+      fileName: 'rspack-manifest.json',
+      generate: (seed, files, entries) => {
+        const manifestFiles = files.reduce((manifest, file) => {
+          manifest[file.name] = file.path;
+          return manifest;
+        }, seed);
+        const entrypointFiles = Object.keys(entries).reduce(
+          (previous, name) =>
+            previous.concat(entries[name].filter((fileName) => !fileName.endsWith('.map'))),
+          [],
+        );
+        return {
+          files: manifestFiles,
+          entrypoints: entrypointFiles,
+        };
+      },
+    }),
+  ],
+});
diff --git a/rspack/rspack-manifest-plugin/src/index.js b/rspack/rspack-manifest-plugin/src/index.js
@@ -0,0 +1,3 @@
+function main() {
+  return 'hello world';
+}
diff --git a/rspack/terser-webpack-plugin/package.json b/rspack/terser-webpack-plugin/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "example-terser-webpack-plugin_5",
+  "private": true,
+  "scripts": {
+    "build": "rspack build"
+  },
+  "devDependencies": {
+    "@rspack/cli": "1.0.0-alpha.0",
+    "@rspack/core": "1.0.0-alpha.0",
+    "terser-webpack-plugin": "5.3.10"
+  }
+}
diff --git a/rspack/terser-webpack-plugin/rspack.config.js b/rspack/terser-webpack-plugin/rspack.config.js
@@ -0,0 +1,10 @@
+const { defineConfig } = require('@rspack/cli');
+const terserPlugin = require('terser-webpack-plugin');
+const { StatsWriterPlugin } = require('webpack-stats-plugin');
+const rspack = require('@rspack/core');
+module.exports = defineConfig({
+  plugins: [new StatsWriterPlugin()],
+  optimization: {
+    minimizer: [new terserPlugin(), new rspack.SwcCssMinimizerRspackPlugin()],
+  },
+});
diff --git a/rspack/terser-webpack-plugin/src/index.js b/rspack/terser-webpack-plugin/src/index.js
@@ -0,0 +1,3 @@
+function main() {
+  return 'hello world';
+}
diff --git a/rspack/unplugin-auto-import/index.html b/rspack/unplugin-auto-import/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Vue</title>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>
diff --git a/rspack/unplugin-auto-import/package.json b/rspack/unplugin-auto-import/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "example-rspack-unplugin_1.6",
+  "private": true,
+  "scripts": {
+    "dev": "rspack serve",
+    "build": "rspack build"
+  },
+  "dependencies": {
+    "vue": "^3.4.19"
+  },
+  "devDependencies": {
+    "@rspack/cli": "1.0.0-alpha.0",
+    "@rspack/core": "1.0.0-alpha.0",
+    "unplugin-auto-import": "^0.17.3",
+    "html-webpack-plugin": "5.6.0",
+    "vue-loader": "^17.4.2"
+  }
+}
diff --git a/rspack/unplugin-auto-import/rspack.config.js b/rspack/unplugin-auto-import/rspack.config.js
diff --git a/rspack/unplugin-auto-import/src/App.vue b/rspack/unplugin-auto-import/src/App.vue
diff --git a/rspack/unplugin-auto-import/src/HelloWorld.vue b/rspack/unplugin-auto-import/src/HelloWorld.vue
diff --git a/rspack/unplugin-auto-import/src/index.js b/rspack/unplugin-auto-import/src/index.js
diff --git a/rspack/webpack-bundle-analyzer/package.json b/rspack/webpack-bundle-analyzer/package.json
diff --git a/rspack/webpack-bundle-analyzer/rspack.config.js b/rspack/webpack-bundle-analyzer/rspack.config.js
diff --git a/rspack/webpack-bundle-analyzer/src/index.js b/rspack/webpack-bundle-analyzer/src/index.js
diff --git a/rspack/webpack-stats-plugin/package.json b/rspack/webpack-stats-plugin/package.json
diff --git a/rspack/webpack-stats-plugin/rspack.config.js b/rspack/webpack-stats-plugin/rspack.config.js
diff --git a/rspack/webpack-stats-plugin/src/index.js b/rspack/webpack-stats-plugin/src/index.js

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+import { answer } from './Answer';`
	`2`	`+console.log('answer', answer);`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+function main() {`
	`2`	`+ return 'hello world';`
	`3`	`+}`