fix: easy-team/egg-react-webpack-boilerplate#44

Author: sky

config/plugin/react-ssr-dynamic-chunk-webpack-plugin/index.js

@@ -11,21 +11,22 @@ class ReactSSRDynamicChunkPlugin {
   apply(compiler) {
     compiler.hooks.emit.tap('ReactSSRDynamicChunkPlugin', (compilation, callback) => {
       const buildPath = compilation.options.output.path;
-         
-      if (!fs.existsSync(buildPath)) {
-        mkdirp.sync(buildPath);
-      }
-      
       compilation.chunks.forEach(chunk => {
         if (!this.opts.chunk) {
           return;
         }
 
+        const chunks = chunk.files || [];
         const asyncChunks = chunk.getAllAsyncChunks();
-
+        const mainChunkFile = chunks.length > 0 ? chunks[0] : null; 
+        const mainChunkDir = mainChunkFile ? path.dirname(mainChunkFile) : null; 
         asyncChunks && asyncChunks.forEach(asyncChunk => {
           asyncChunk.files.forEach(filename => {
-            const filepath = path.join(buildPath, filename);
+            const filepath = mainChunkDir ? path.join(buildPath, mainChunkDir, filename) : path.join(buildPath, filename);
+            const filedir = path.dirname(filepath);
+            if (!fs.existsSync(filedir)) {
+              mkdirp.sync(filedir);
+            }  
             const source = compilation.assets[filename].source();
             fs.writeFileSync(filepath, source, 'utf8');
           });
@@ -36,4 +37,4 @@ class ReactSSRDynamicChunkPlugin {
   }
 }
 
-module.exports = ReactSSRDynamicChunkPlugin;
+module.exports = ReactSSRDynamicChunkPlugin;

test/client.test.js

@@ -88,7 +88,7 @@ describe('client.test.js', () => {
     it('should dev hot test', () => {
       const builder = createBuilder({ env: 'dev', log: true });
       const webpackConfig = builder.create();
-      expect(webpackConfig.entry['client.test'].length).to.equal(3);
+      expect(webpackConfig.entry['client.test'].length).to.equal(4);
     });
     it('should html test', () => {
       const builder = createBuilder({