fix: 图片路径解析错误的问题

Author: aOrz

lib/template-compiler/modules/transform-require.js

@@ -22,6 +22,10 @@ module.exports = (userOptions, fileOptions) => {
   }
 }
 
+function getPathBaseOnSrc (a, b) {
+  return relative(a, b).replace(/^src\//, '')
+}
+
 function transform (node, options, fileOptions) {
   for (var tag in options) {
     if (node.tag === tag && node.attrs) {
@@ -43,9 +47,9 @@ function rewrite (attrsMap, name, fileOptions) {
       var { resourcePath, outputPath, context } = fileOptions
       var assetPath = path.resolve(resourcePath, '..', value)
       // 资源路径, 为了分包，去掉了 src 目录
-      var toPath = relative(context, assetPath).replace(/^\/src\//, '')
-      attrsMap[name] = path.join(outputPath, toPath)
-      copyAsset(assetPath, attrsMap[name])
+      var toPath = getPathBaseOnSrc(context, assetPath)
+      attrsMap[name] = relative(getPathBaseOnSrc(context, resourcePath), getPathBaseOnSrc(context, assetPath))
+      copyAsset(assetPath, path.join(outputPath, toPath))
     }
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mpvue-loader",
-  "version": "1.1.1",
+  "version": "1.1.2-rc.2",
   "description": "mpvue single-file component loader for Webpack",
   "main": "index.js",
   "repository": {