feat(enhanced): support layers

package.json

@@ -228,6 +228,7 @@
     "vue-tsc": "^2.0.26",
     "wait-on": "^7.2.0",
     "webpack": "5.93.0",
+    "webpack-cli": "^5.1.4",
     "webpack-virtual-modules": "0.6.2",
     "whatwg-fetch": "^3.6.20",
     "yargs": "^17.7.2"

packages/enhanced/test/configCases/sharing/layers/.gitignore

@@ -0,0 +1 @@
+node_modules/.federation

packages/enhanced/test/configCases/sharing/layers/index.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import * as ReactLayer1 from 'react/layer1';
 
 it('should load different versions from different layers', () => {
   expect(React.version).toBe('1.0.0');
-  expect(ReactLayer1.version).toBe('2.0.0');
+  expect(__webpack_modules__['./node_modules/react/index.js']);
 });

packages/enhanced/test/configCases/sharing/layers/package.json

@@ -2,12 +2,10 @@
   "name": "layered-react-test",
   "version": "1.0.0",
   "private": true,
+  "scripts": {
+    "build": "webpack --config=webpack.config.js"
+  },
   "dependencies": {
     "react": "1.0.0"
-  },
-  "layerDependencies": {
-    "layer1": {
-      "react": "2.0.0"
-    }
   }
 }

packages/enhanced/test/configCases/sharing/layers/webpack.config.js

@@ -1,7 +1,8 @@
-const ModuleFederationPlugin =
-  require('../../../../src/index').ModuleFederationPlugin;
+const { ModuleFederationPlugin } = require('../../../../dist/src');
 
 module.exports = {
+  mode: 'development',
+  devtool: false,
   entry: {
     main: {
       import: './index.js',
@@ -18,6 +19,11 @@ module.exports = {
         issuerLayer: 'entry-layer',
         layer: 'loader-layer',
       },
+      {
+        test: /react/,
+        issuerLayer: 'entry-layer',
+        layer: 'loader-layer',
+      },
     ],
   },
   plugins: [