fix: rebuild dll when extraVendors changed or project changed

Author: Lxylona

src/built-in-plugins/command-dev/plugin/dll.ts

@@ -2,7 +2,12 @@ import * as fs from 'fs-extra';
 import * as path from 'path';
 import * as webpack from 'webpack';
 import { globalState } from '../../../utils/global-state';
-import { hasNodeModules, hasNodeModulesModified } from '../../../utils/project-helper';
+import {
+  hasNodeModules,
+  hasNodeModulesModified,
+  hasExtraVendorsChanged,
+  hasPackageChanged,
+} from '../../../utils/project-helper';
 import getWebpackDllConfig from './webpack-dll-config';
 
 export const dllFileName = 'main.dll.js';
@@ -48,10 +53,15 @@ function runCompiler(compiler: webpack.Compiler) {
 }
 
 /**
- * Bundle dlls if node_modules changed, or dlls not exist.
+ * Bundle dlls when node_modules changed, dlls not exist, extraDll changed, or package to dev changed;
  */
 export async function bundleDlls() {
-  if ((hasNodeModules() && hasNodeModulesModified()) || !fs.existsSync(path.join(dllOutPath, dllFileName))) {
+  if (
+    hasPackageChanged() ||
+    hasExtraVendorsChanged() ||
+    (hasNodeModules() && hasNodeModulesModified()) ||
+    !fs.existsSync(path.join(dllOutPath, dllFileName))
+  ) {
     await runDllWebpack({ dllOutPath, dllFileName, dllMainfestName });
   }
 }

src/utils/project-helper.ts

@@ -1,5 +1,6 @@
 import * as fs from 'fs-extra';
 import * as path from 'path';
+import * as yargs from 'yargs';
 import { globalState } from './global-state';
 import * as projectState from './project-state';
 
@@ -14,6 +15,18 @@ export const hasNodeModulesModified = () => {
   return hasChanged(key, nextModifiedTime);
 };
 
+export const hasExtraVendorsChanged = () => {
+  const key = 'extraVendors';
+  const newExtraVendors = JSON.stringify(globalState.sourceConfig.extraVendors ?? []);
+  return hasChanged(key, newExtraVendors);
+};
+
+export const hasPackageChanged = () => {
+  const key = 'package';
+  const newPackage = yargs.argv.package as string;
+  return hasChanged(key, newPackage);
+};
+
 function hasChanged(key: string, nextValue: string) {
   const previewValue = projectState.get(key);
   if (!previewValue) {