feat: add dll & dll-reference plugin examples (#169)

Co-authored-by: 谢奇璇 <[email protected]>

rspack/dll-reference/index.js

@@ -0,0 +1,14 @@
+import a from '../dll/a';
+import alpha from '../dll/alpha';
+import beta from 'beta/beta'
+import b from 'beta/b'
+import c from 'beta/c'
+import _ from 'lodash';
+
+
+console.log(a)
+console.log(alpha)
+console.log(beta)
+console.log(b)
+console.log(c)
+console.log(_.sum([1, 2]))

rspack/dll-reference/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "example-dll-reference-plugin",
+  "private": true,
+  "scripts": {
+    "dev": "rspack serve",
+    "build": "rspack build || echo 'make-ci-happy'"
+  },
+  "devDependencies": {
+    "@rspack/cli": "1.1.1",
+    "@rspack/core": "1.1.1",
+    "typescript": "^5.3.3",
+    "lodash": "4.17.21"
+  }
+}

rspack/dll-reference/rspack.config.js

@@ -0,0 +1,28 @@
+
+const rspack = require('@rspack/core')
+const path = require('node:path');
+
+/** @type {import('@rspack/cli').Configuration} */
+const config = {
+  entry: './index',
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+  },
+  resolve: {
+    extensions: ['...', '.ts', '.tsx', '.js', '.jsx']
+  },
+  plugins: [
+    new rspack.DllReferencePlugin({
+      manifest: path.resolve(__dirname, '../dll/dist/alpha.manifest.json'),
+      extensions: ['.js', '.ts'],
+    }),
+    new rspack.DllReferencePlugin({
+      manifest: path.resolve(__dirname, '../dll/dist/beta.manifest.json'),
+      scope: 'beta',
+      extensions: [".js", ".jsx", '.ts', '.tsx']
+    }),
+  ],
+  mode: 'development'
+}
+
+module.exports = config; 

rspack/dll/a.ts

@@ -0,0 +1 @@
+export default "a";

rspack/dll/alpha.ts

@@ -0,0 +1 @@
+export default "alpha";

rspack/dll/b.ts

@@ -0,0 +1 @@
+export default "b";

rspack/dll/beta.ts

@@ -0,0 +1 @@
+export default "beta"

rspack/dll/c.tsx

@@ -0,0 +1 @@
+export default "c.tsx";

rspack/dll/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "example-dll-plugin",
+  "private": true,
+  "scripts": {
+    "dev": "rspack serve",
+    "build": "rspack build || echo 'make-ci-happy'"
+  },
+  "dependencies": {
+    "lodash": "4.17.21"
+  },
+  "devDependencies": {
+    "@rspack/cli": "1.1.1",
+    "@rspack/core": "1.1.1",
+    "typescript": "^5.3.3"
+  }
+}

rspack/dll/rspack.config.js

@@ -0,0 +1,27 @@
+
+const rspack = require('@rspack/core')
+const path = require('node:path');
+
+/** @type {import('@rspack/cli').Configuration} */
+const config = {
+  resolve: {
+    extensions: ['...', '.ts', '.tsx', '.js', '.jsx'],
+  },
+  entry: {
+    alpha: ["./alpha", "./a", "lodash"],
+    beta: ["./beta", "./b", "./c"],
+  },
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: '[name].dll.js',
+    library: '[name]_dll_lib'
+  },
+  plugins: [
+    new rspack.DllPlugin({
+      path: path.join(__dirname, "dist", "[name].manifest.json"),
+      name: '[name]_dll_lib',
+    })
+  ]
+}
+
+module.exports = config;