fix(preset): dynamic import maybe blocked by adblock

umijs · Nov 8, 2020 · a52d9ea · a52d9ea
1 parent 3090909
commit a52d9ea
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/preset-dumi/src/plugins/features/demo/index.ts b/packages/preset-dumi/src/plugins/features/demo/index.ts
@@ -42,7 +42,10 @@ export default (api: IApi) => {
         });
         demoComponent = `() => React.createElement(dynamic({
       loader: async function() {
-        const { default: demos } = await import(/* webpackChunkName: "demos_${componentName}" */'./${componentName}');
+        const { default: demos } = await import(/* webpackChunkName: "demos_${[...componentName]
+          // reverse component name to avoid some special component (such as Advertisement) be blocked by ADBlock when dynamic loading
+          .reverse()
+          .join('')}" */'./${componentName}');
 
         return demos['${uuid}'].component;
       },