feat(server/pack): 支持入口为数组

Author: yuhaoju

src/models/Config.js

@@ -56,7 +56,9 @@ class Config {
     }
     setExports(files) {
         [].concat(files).forEach((file) => {
-            var name = file.replace(/\.\w+$/g, '');
+            const entryFile = Array.isArray(file) ? file[file.length - 1] : file
+
+            var name = entryFile.replace(/\.\w+$/g, '');
             if (name.indexOf('./') == 0) {
                 name = name.substring(2);
             } else if (name[0] == '/') {

src/models/Project.js

@@ -121,23 +121,46 @@ class Project {
     }
     fixCss() {
         let config = this.config.getConfig(),
-            entry = config.entry,
+            entries = config.entry,
             cssExtNames = config.entryExtNames.css,
             fps = [];
 
         const contextPathRelativeToCwd = sysPath.relative(config.context, this.cwd) || '.'
 
-        for (let key in entry) {
-            let extName = sysPath.extname(entry[key]);
+        for (let key in entries) {
+            const entryItem = entries[key],
+                entry = Array.isArray(entryItem) ? entryItem[entryItem.length - 1] : entryItem,
+                extName = sysPath.extname(entry);
+
             if (cssExtNames.indexOf(extName) > -1) {
-                let name = sysPath.basename(entry[key], extName),
-                    ofp = sysPath.join(config.context, entry[key]),
-                    np = entry[key] = './' + sysPath.join(contextPathRelativeToCwd, '/.cache', entry[key] + '.js'),
-                    fp = sysPath.join(config.context, np);
-
-                mkdirp.sync(sysPath.dirname(fp));
-                fs.writeFileSync(fp, 'require("' + sysPath.relative(sysPath.dirname(fp), ofp) + '");', 'utf-8');
-                fps.push(fp);
+                let requireFilePath = entries[key] = './' + sysPath.join(contextPathRelativeToCwd, '/.cache', entry + '.js'),
+                    cacheFilePath = sysPath.join(config.context, requireFilePath);
+
+                mkdirp.sync(sysPath.dirname(cacheFilePath));
+
+                // 将原有entry的css路径写到js中
+                if(Array.isArray(entryItem)) {
+                    // clear
+                    fs.writeFileSync(cacheFilePath, '', 'utf-8');
+                    
+                    entryItem.forEach((cssPath, i) => {
+                        const originCssPath = sysPath.join(config.context, cssPath)
+                        fs.appendFileSync(
+                            cacheFilePath,
+                            'require("' + sysPath.relative(sysPath.dirname(cacheFilePath), originCssPath) + '");',
+                            'utf-8'
+                        );
+                    })
+                } else {
+                    const originCssPath = sysPath.join(config.context, entry)
+                    fs.writeFileSync(
+                        cacheFilePath,
+                        'require("' + sysPath.relative(sysPath.dirname(cacheFilePath), originCssPath) + '");',
+                        'utf-8'
+                    );
+                }
+
+                fps.push(cacheFilePath);
             }
         }
         config.plugins.push(new ExtractTextPlugin(config.output.filename.replace('[ext]', '.css')));

src/plugins/extTemplatedPathPlugin.js

@@ -8,7 +8,11 @@ module.exports = {
             compilation.mainTemplate.plugin("asset-path", function(path, data) {
                 let extName = '[ext]';
                 if (data.chunk) {
-                    let rawRequest = data.chunk.origins[0].module.rawRequest;
+                    let module = data.chunk.origins[0].module,
+                        rawRequest = module.rawRequest
+                                        ? module.rawRequest
+                                        : module.dependencies[module.dependencies.length - 1].userRequest;
+
                     extName = sysPath.extname(rawRequest);
 
                     if (entryExtNames.css.indexOf(sysPath.extname(sysPath.basename(rawRequest, '.js'))) > -1) {
@@ -22,6 +26,7 @@ module.exports = {
                         }
                     })
                 }
+
                 return path.replace(/\[ext\]/g, extName);
             });
         });