feat: support bundle dev dll

Author: ascoders

CHANGELOG.md

@@ -1,5 +1,5 @@
-<a name="4.2.0-beta.4"></a>
-# [4.2.0-beta.4](https://github.com/prijs/pri/compare/3.3.28-beta.5...4.2.0-beta.4) (2020-08-11)
+<a name="4.2.0-beta.6"></a>
+# [4.2.0-beta.6](https://github.com/prijs/pri/compare/3.3.28-beta.5...4.2.0-beta.6) (2020-08-19)
 
 
 ### Bug Fixes
@@ -43,9 +43,10 @@
 * add babelPluginReactWrappedDisplayName ([6dd820e](https://github.com/prijs/pri/commit/6dd820e))
 * add changeLog to publish script ([66526f7](https://github.com/prijs/pri/commit/66526f7))
 * add ensure files config ([2e78cc5](https://github.com/prijs/pri/commit/2e78cc5))
-* add hotLoader option ([52c8bdb](https://github.com/prijs/pri/commit/52c8bdb))
 * add hotLoader option ([ceb6f48](https://github.com/prijs/pri/commit/ceb6f48))
+* add hotLoader option ([52c8bdb](https://github.com/prijs/pri/commit/52c8bdb))
 * add jest react babel support ([949d38f](https://github.com/prijs/pri/commit/949d38f))
+* add path ([7cc1705](https://github.com/prijs/pri/commit/7cc1705))
 * add project root id to pri config ([ae38a55](https://github.com/prijs/pri/commit/ae38a55))
 * add pub options ([c357306](https://github.com/prijs/pri/commit/c357306))
 * add publish error tip when package reference project content ([20c13be](https://github.com/prijs/pri/commit/20c13be))
@@ -58,6 +59,8 @@
 * deploy 4.0.10 ([93970bb](https://github.com/prijs/pri/commit/93970bb))
 * deploy 4.0.3 ([2c38dd8](https://github.com/prijs/pri/commit/2c38dd8))
 * deploy 4.0.8 ([a97852a](https://github.com/prijs/pri/commit/a97852a))
+* extradll ([8c9ed2d](https://github.com/prijs/pri/commit/8c9ed2d))
+* extradll ([4535505](https://github.com/prijs/pri/commit/4535505))
 * fix bug ([ecbe690](https://github.com/prijs/pri/commit/ecbe690))
 * fix bug ([5c6e107](https://github.com/prijs/pri/commit/5c6e107))
 * fix memo name ([a5ea73d](https://github.com/prijs/pri/commit/a5ea73d))
@@ -71,18 +74,18 @@
 * support remote version ([8712f28](https://github.com/prijs/pri/commit/8712f28))
 * support skiplint for test command ([f251b22](https://github.com/prijs/pri/commit/f251b22))
 * support webpack for component build ([ff78bfe](https://github.com/prijs/pri/commit/ff78bfe))
-* update ([e959701](https://github.com/prijs/pri/commit/e959701))
-* update ([bb4ea0b](https://github.com/prijs/pri/commit/bb4ea0b))
 * update ([b0c585b](https://github.com/prijs/pri/commit/b0c585b))
+* update ([bb4ea0b](https://github.com/prijs/pri/commit/bb4ea0b))
+* update ([e959701](https://github.com/prijs/pri/commit/e959701))
 * update .vscode ([4f48549](https://github.com/prijs/pri/commit/4f48549))
 * update deps ([5678dcc](https://github.com/prijs/pri/commit/5678dcc))
 * update docs ([afa3110](https://github.com/prijs/pri/commit/afa3110))
 * update docs ([8118dc7](https://github.com/prijs/pri/commit/8118dc7))
 * update eslintrc ([d949c81](https://github.com/prijs/pri/commit/d949c81))
 * update gitignore ([6ac2310](https://github.com/prijs/pri/commit/6ac2310))
+* update lock ([4efdb17](https://github.com/prijs/pri/commit/4efdb17))
 * update lock ([ede0ce8](https://github.com/prijs/pri/commit/ede0ce8))
 * update lock ([692edae](https://github.com/prijs/pri/commit/692edae))
-* update lock ([4efdb17](https://github.com/prijs/pri/commit/4efdb17))
 * update type check ([16353e1](https://github.com/prijs/pri/commit/16353e1))
 * upgrade eslint-plugin-react-hooks ([5f5ae96](https://github.com/prijs/pri/commit/5f5ae96))
 * upgrade ts 3.8 ([261bf1d](https://github.com/prijs/pri/commit/261bf1d))

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pri",
-  "version": "4.2.0-beta.6",
+  "version": "4.2.0-beta.7",
   "types": "src/node/index.ts",
   "main": "built/node/index.js",
   "scripts": {

src/built-in-plugins/command-bundle/plugin/command-bundle.ts

@@ -1,11 +1,16 @@
 import * as path from 'path';
 import * as portfinder from 'portfinder';
+import * as webpack from 'webpack';
+import * as urlJoin from 'url-join';
 import { componentEntry, pri } from '../../../node';
 import { logFatal } from '../../../utils/log';
 import { plugin } from '../../../utils/plugins';
 import { IOpts } from './interface';
 import { runWebpack } from '../../../utils/webpack';
 import { runWebpackDevServer } from '../../../utils/webpack-dev-server';
+import { bundleDlls, dllMainfestName, dllOutPath, libraryStaticPath } from '../../command-dev/plugin/dll';
+import { globalState } from '../../../utils/global-state';
+import { WrapContent } from '../../../utils/webpack-plugin-wrap-content';
 
 export const commandBundle = async (opts: IOpts = {}) => {
   if (pri.sourceConfig.type !== 'component') {
@@ -33,6 +38,8 @@ export const commandBundle = async (opts: IOpts = {}) => {
   } else {
     const freePort = await portfinder.getPortPromise({ port: pri.sourceConfig.devPort });
 
+    await bundleDlls();
+
     runWebpackDevServer({
       mode: 'development',
       outFileName: pri.sourceConfig.bundleFileName,
@@ -49,6 +56,33 @@ export const commandBundle = async (opts: IOpts = {}) => {
           return fn(await nextConfig);
         }, Promise.resolve(config));
 
+        // bundle dev 模式支持 dll
+        config.plugins.push(
+          new webpack.DllReferencePlugin({
+            context: '.',
+            // eslint-disable-next-line import/no-dynamic-require,global-require
+            manifest: require(path.join(dllOutPath, dllMainfestName)),
+          }),
+        );
+
+        const dllHttpPath = urlJoin(
+          `${globalState.sourceConfig.useHttps ? 'https' : 'http'}://localhost:${freePort}`,
+          libraryStaticPath,
+        );
+
+        config.plugins.push(
+          new WrapContent(
+            `
+            var dllScript = document.createElement("script");
+            dllScript.src = "${dllHttpPath}";
+            dllScript.onload = runEntry;
+            document.body.appendChild(dllScript);
+            function runEntry() {
+          `,
+            '}',
+          ),
+        );
+
         return newConfig;
       },
     });