fix: win 下路径问题

Author: aOrz

index.js

@@ -1,36 +1,28 @@
 const path = require('path');
+const upath = require('upath');
 const relative = require('relative');
 
 function MpvuePlugin() {}
 
 MpvuePlugin.prototype.apply = function(compiler) {
   compiler.plugin('emit', function(compilation, callback) {
-    let commonsChunkNames = [];
-    // 获取所有的 chunk name
-    plugins.forEach(item => {
-      let { chunkNames } = item;
-      if (item.constructor.name === 'CommonsChunkPlugin' && chunkNames) {
-        commonsChunkNames = commonsChunkNames.concat(chunkNames);
-      }
-    })
-    let pages = Object.keys(entry);
-    compilation.chunks.forEach(commonChunk => {
-      const { files, chunks: childChunks, name } = commonChunk;
-      let commonWxssFile = files.find(item => item.endsWith('.wxss'));
-
-      if (commonsChunkNames.indexOf(name) > -1 && commonWxssFile) {
-        childChunks.forEach(item => {
-          let wxssFile = item.files.find(item => item.endsWith('.wxss'));
-          if (item.name === 'app' && wxssFile) { // 过滤 app
-            return;
-          }
-          try {
-            let wxss = compilation.assets[wxssFile].source();
-              wxss = `@import "/${commonWxssFile}";\n${wxss}`;
-              compilation.assets[wxssFile].source = () => wxss;
-          } catch (error) {
-            console.error(error, wxssFile)
-          }
+    Object.keys(compilation.entrypoints).forEach(key => {
+      const entry = compilation.entrypoints[key];
+      const { chunks } = entry;
+      const entryChunk = chunks.pop();
+      entryChunk.files.forEach(filePath => {
+        const extname = path.extname(filePath);
+        let content = compilation.assets[filePath].source();
+        chunks.reverse().forEach(chunk => {
+          chunk.files.forEach(childFile => {
+            if (path.extname(childFile) === extname && compilation.assets[filePath]) {
+              const relativePath = upath.normalize(relative(filePath, childFile))
+              content = extname === '.wxss' ?
+              `@import "${relativePath}";\n${content}`
+              : `require("${relativePath}");\n${content}`;
+            }
+          })
+          compilation.assets[filePath].source = () => content;
         })
       })
     })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack-mpvue-asset-plugin",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "main": "index.js",
   "directories": {
     "lib": "lib"
@@ -24,6 +24,7 @@
   "homepage": "https://github.com/mpvue/webpack-mpvue-asset-plugin#readme",
   "description": "",
   "dependencies": {
-    "relative": "^3.0.2"
+    "relative": "^3.0.2",
+    "upath": "^1.1.0"
   }
 }