@mpxjs/webpack-plugin 2.7.0-beta.2 → 2.7.0-beta.6

package/lib/json-compiler/helper.js

@@ -4,30 +4,26 @@ const nativeLoaderPath = normalize.lib('native-loader')
 const isUrlRequestRaw = require('../utils/is-url-request')
 const parseRequest = require('../utils/parse-request')
 const loaderUtils = require('loader-utils')
+const resolve = require('../utils/resolve')
 
-module.exports = function createJSONHelper ({ loaderContext, emitWarning }) {
+module.exports = function createJSONHelper ({ loaderContext, emitWarning, customGetDynamicEntry }) {
   const mpx = loaderContext.getMpx()
   const resolveMode = mpx.resolveMode
   const externals = mpx.externals
   const root = mpx.projectRoot
   const publicPath = loaderContext._compilation.outputOptions.publicPath || ''
   const pathHash = mpx.pathHash
+  const getOutputPath = mpx.getOutputPath
 
   const isUrlRequest = r => isUrlRequestRaw(r, root, externals)
   const urlToRequest = r => loaderUtils.urlToRequest(r)
 
-  // todo 提供不记录dependency的resolve方法，非必要的情况下不记录dependency，提升缓存利用率
-  const resolve = (context, request, callback) => {
-    const { queryObj } = parseRequest(request)
-    context = queryObj.context || context
-    return loaderContext.resolve(context, request, callback)
-  }
-
   const dynamicEntryMap = new Map()
 
   let dynamicEntryCount = 0
 
   const getDynamicEntry = (resource, type, outputPath = '', packageRoot = '', relativePath = '') => {
+    if (typeof customGetDynamicEntry === 'function') return customGetDynamicEntry(resource, type, outputPath, packageRoot, relativePath)
     const key = `mpx_dynamic_entry_${dynamicEntryCount++}`
     const value = `__mpx_dynamic_entry__( ${JSON.stringify(resource)},${JSON.stringify(type)},${JSON.stringify(outputPath)},${JSON.stringify(packageRoot)},${JSON.stringify(relativePath)})`
     dynamicEntryMap.set(key, value)
@@ -47,7 +43,7 @@ module.exports = function createJSONHelper ({ loaderContext, emitWarning }) {
       component = urlToRequest(component)
     }
 
-    resolve(context, component, (err, resource, info) => {
+    resolve(context, component, loaderContext, (err, resource, info) => {
       if (err) return callback(err)
       const resourcePath = parseRequest(resource).resourcePath
       const parsed = path.parse(resourcePath)
@@ -70,8 +66,7 @@ module.exports = function createJSONHelper ({ loaderContext, emitWarning }) {
           let relative = path.relative(root, resourceName)
           outputPath = path.join('components', name + pathHash(root), relative)
         } else {
-          let componentName = parsed.name
-          outputPath = path.join('components', componentName + pathHash(resourcePath), componentName)
+          outputPath = getOutputPath(resourcePath, 'component')
         }
       }
       if (ext === '.js') {
@@ -83,11 +78,6 @@ module.exports = function createJSONHelper ({ loaderContext, emitWarning }) {
     })
   }
 
-  const getPageName = (resourcePath, ext) => {
-    const baseName = path.basename(resourcePath, ext)
-    return path.join('pages', baseName + pathHash(resourcePath), baseName)
-  }
-
   const processPage = (page, context, tarRoot = '', callback) => {
     let aliasPath = ''
     if (typeof page !== 'string') {
@@ -98,7 +88,7 @@ module.exports = function createJSONHelper ({ loaderContext, emitWarning }) {
     if (resolveMode === 'native') {
       page = urlToRequest(page)
     }
-    resolve(context, page, (err, resource) => {
+    resolve(context, page, loaderContext, (err, resource) => {
       if (err) return callback(err)
       const { resourcePath, queryObj: { isFirst } } = parseRequest(resource)
       const ext = path.extname(resourcePath)
@@ -109,7 +99,7 @@ module.exports = function createJSONHelper ({ loaderContext, emitWarning }) {
         const relative = path.relative(context, resourcePath)
         if (/^\./.test(relative)) {
           // 如果当前page不存在于context中，对其进行重命名
-          outputPath = getPageName(resourcePath, ext)
+          outputPath = getOutputPath(resourcePath, 'page')
           emitWarning(`Current page [${resourcePath}] is not in current pages directory [${context}], the page path will be replaced with [${outputPath}], use ?resolve to get the page path and navigate to it!`)
         } else {
           outputPath = /^(.*?)(\.[^.]*)?$/.exec(relative)[1]
@@ -119,7 +109,11 @@ module.exports = function createJSONHelper ({ loaderContext, emitWarning }) {
         resource = `!!${nativeLoaderPath}!${resource}`
       }
       const entry = getDynamicEntry(resource, 'page', outputPath, tarRoot, publicPath + tarRoot)
-      callback(null, entry, { isFirst })
+      const key = [resourcePath, outputPath, tarRoot].join('|')
+      callback(null, entry, {
+        isFirst,
+        key
+      })
     })
   }
 
@@ -127,7 +121,7 @@ module.exports = function createJSONHelper ({ loaderContext, emitWarning }) {
     if (resolveMode === 'native') {
       js = urlToRequest(js)
     }
-    resolve(context, js, (err, resource) => {
+    resolve(context, js, loaderContext, (err, resource) => {
       if (err) return callback(err)
       const { resourcePath } = parseRequest(resource)
       const relative = path.relative(context, resourcePath)
@@ -145,7 +139,6 @@ module.exports = function createJSONHelper ({ loaderContext, emitWarning }) {
     processDynamicEntry,
     processPage,
     processJsExport,
-    resolve,
     isUrlRequest,
     urlToRequest
   }

package/lib/json-compiler/index.js

@@ -4,15 +4,16 @@ const path = require('path')
 const parseComponent = require('../parser')
 const config = require('../config')
 const parseRequest = require('../utils/parse-request')
-const mpxJSON = require('../utils/mpx-json')
+const evalJSONJS = require('../utils/eval-json-js')
 const fixUsingComponent = require('../utils/fix-using-component')
 const getRulesRunner = require('../platform/index')
 const addQuery = require('../utils/add-query')
-const readJsonForSrc = require('../utils/read-json-for-src')
+const getJSONContent = require('../utils/get-json-content')
 const createHelpers = require('../helpers')
 const createJSONHelper = require('./helper')
 const RecordGlobalComponentsDependency = require('../dependencies/RecordGlobalComponentsDependency')
-const { MPX_DISABLE_EXTRACTOR_CACHE } = require('../utils/const')
+const { MPX_DISABLE_EXTRACTOR_CACHE, RESOLVE_IGNORED_ERR, JSON_JS_EXT } = require('../utils/const')
+const resolve = require('../utils/resolve')
 
 module.exports = function (content) {
   const nativeCallback = this.async()
@@ -27,13 +28,13 @@ module.exports = function (content) {
   // 微信插件下要求组件使用相对路径
   const useRelativePath = mpx.isPluginMode || mpx.useRelativePath
   const { resourcePath, queryObj } = parseRequest(this.resource)
+  const useJSONJS = queryObj.useJSONJS || this.resourcePath.endsWith(JSON_JS_EXT)
   const packageName = queryObj.packageRoot || mpx.currentPackageRoot || 'main'
   const pagesMap = mpx.pagesMap
   const componentsMap = mpx.componentsMap[packageName]
   const appInfo = mpx.appInfo
   const mode = mpx.mode
   const env = mpx.env
-  const defs = mpx.defs
   const globalSrcMode = mpx.srcMode
   const localSrcMode = queryObj.mode
   const srcMode = localSrcMode || globalSrcMode
@@ -55,7 +56,6 @@ module.exports = function (content) {
   }
 
   const {
-    resolve,
     isUrlRequest,
     urlToRequest,
     processPage,
@@ -121,12 +121,10 @@ module.exports = function (content) {
     nativeCallback(null, output)
   }
 
-  let json = {}
+  let json
   try {
-    // 使用了MPXJSON的话先编译
-    // 此处需要使用真实的resourcePath
-    if (this.resourcePath.endsWith('.json.js')) {
-      json = JSON.parse(mpxJSON.compileMPXJSONText({ source: content, defs, filePath: this.resourcePath }))
+    if (useJSONJS) {
+      json = evalJSONJS(content, this.resourcePath, this)
     } else {
       json = JSON5.parse(content || '{}')
     }
@@ -200,6 +198,10 @@ module.exports = function (content) {
     if (components) {
       async.eachOf(components, (component, name, callback) => {
         processComponent(component, context, { relativePath }, (err, entry) => {
+          if (err === RESOLVE_IGNORED_ERR) {
+            delete components[name]
+            return callback()
+          }
           if (err) return callback(err)
           components[name] = entry
           callback()
@@ -214,20 +216,15 @@ module.exports = function (content) {
     // app.json
     const localPages = []
     const subPackagesCfg = {}
-    // 添加首页标识
-    if (json.pages && json.pages[0]) {
-      if (typeof json.pages[0] !== 'string') {
-        json.pages[0].src = addQuery(json.pages[0].src, { isFirst: true })
-      } else {
-        json.pages[0] = addQuery(json.pages[0], { isFirst: true })
-      }
-    }
+    const pageKeySet = new Set()
 
     const processPages = (pages, context, tarRoot = '', callback) => {
       if (pages) {
         async.each(pages, (page, callback) => {
-          processPage(page, context, tarRoot, (err, entry, { isFirst } = {}) => {
-            if (err) return callback(err)
+          processPage(page, context, tarRoot, (err, entry, { isFirst, key } = {}) => {
+            if (err) return callback(err === RESOLVE_IGNORED_ERR ? null : err)
+            if (pageKeySet.has(key)) return callback()
+            pageKeySet.add(key)
             if (tarRoot && subPackagesCfg) {
               subPackagesCfg[tarRoot].pages.push(entry)
             } else {
@@ -252,13 +249,13 @@ module.exports = function (content) {
           const { queryObj } = parseRequest(packagePath)
           async.waterfall([
             (callback) => {
-              resolve(context, packagePath, (err, result) => {
+              resolve(context, packagePath, this, (err, result) => {
+                if (err) return callback(err)
                 const { rawResourcePath } = parseRequest(result)
                 callback(err, rawResourcePath)
               })
             },
             (result, callback) => {
-              this.addDependency(result)
               fs.readFile(result, (err, content) => {
                 if (err) return callback(err)
                 callback(err, result, content.toString('utf-8'))
@@ -271,19 +268,14 @@ module.exports = function (content) {
                   filePath: result,
                   needMap: this.sourceMap,
                   mode,
-                  defs,
                   env
                 })
-                const json = parts.json || {}
-                if (json.content) {
-                  content = json.content
-                } else if (json.src) {
-                  return readJsonForSrc(json.src, this, (content) => {
-                    callback(null, result, content)
-                  })
-                }
+                getJSONContent(parts.json || {}, this, (err, content) => {
+                  callback(err, result, content)
+                })
+              } else {
+                callback(null, result, content)
               }
-              callback(null, result, content)
             },
             (result, content, callback) => {
               try {
@@ -329,7 +321,9 @@ module.exports = function (content) {
                 callback()
               }
             }
-          ], callback)
+          ], (err) => {
+            callback(err === RESOLVE_IGNORED_ERR ? null : err)
+          })
         }, callback)
       } else {
         callback()
@@ -451,17 +445,31 @@ module.exports = function (content) {
 
     const processCustomTabBar = (tabBar, context, callback) => {
       if (tabBar && tabBar.custom) {
-        processComponent('./custom-tab-bar/index', context, { outputPath: 'custom-tab-bar/index' }, callback)
+        processComponent('./custom-tab-bar/index', context, { outputPath: 'custom-tab-bar/index' }, (err) => {
+          if (err === RESOLVE_IGNORED_ERR) {
+            delete tabBar.custom
+            return callback()
+          }
+          callback(err)
+        })
       } else {
         callback()
       }
     }
 
-    const processPluginGenericsImplementation = (genericsImplementation, context, tarRoot, callback) => {
+    const processPluginGenericsImplementation = (plugin, context, tarRoot, callback) => {
+      if (!plugin.genericsImplementation) return callback()
       const relativePath = useRelativePath ? publicPath + tarRoot : ''
-      async.eachOf(genericsImplementation, (genericComponents, name, callback) => {
+      async.eachOf(plugin.genericsImplementation, (genericComponents, name, callback) => {
         async.eachOf(genericComponents, (genericComponentPath, name, callback) => {
-          processComponent(genericComponentPath, context, { tarRoot, relativePath }, (err, entry) => {
+          processComponent(genericComponentPath, context, {
+            tarRoot,
+            relativePath
+          }, (err, entry) => {
+            if (err === RESOLVE_IGNORED_ERR) {
+              delete genericComponents[name]
+              return callback()
+            }
             if (err) return callback(err)
             genericComponents[name] = entry
           })
@@ -470,10 +478,12 @@ module.exports = function (content) {
     }
 
     const processPluginExport = (plugin, context, tarRoot, callback) => {
-      if (!plugin.export) {
-        return callback()
-      }
+      if (!plugin.export) return callback()
       processJsExport(plugin.export, context, tarRoot, (err, entry) => {
+        if (err === RESOLVE_IGNORED_ERR) {
+          delete plugin.export
+          return callback()
+        }
         if (err) return callback(err)
         plugin.export = entry
         callback()
@@ -485,31 +495,33 @@ module.exports = function (content) {
       async.eachOf(plugins, (plugin, name, callback) => {
         async.parallel([
           (callback) => {
-            if (plugin.genericsImplementation) {
-              processPluginGenericsImplementation(plugin.genericsImplementation, context, tarRoot, callback)
-            } else {
-              callback()
-            }
+            processPluginGenericsImplementation(plugin, context, tarRoot, callback)
           },
           (callback) => {
             processPluginExport(plugin, context, tarRoot, callback)
           }
-        ], (err) => {
-          callback(err)
-        })
+        ], callback)
       }, callback)
     }
 
     async.parallel([
       (callback) => {
-        processPlugins(json.plugins, this.context, '', callback)
-      },
-      (callback) => {
+        // 添加首页标识
+        if (json.pages && json.pages[0]) {
+          if (typeof json.pages[0] !== 'string') {
+            json.pages[0].src = addQuery(json.pages[0].src, { isFirst: true })
+          } else {
+            json.pages[0] = addQuery(json.pages[0], { isFirst: true })
+          }
+        }
         processPages(json.pages, this.context, '', callback)
       },
       (callback) => {
         processComponents(json.usingComponents, this.context, callback)
       },
+      (callback) => {
+        processPlugins(json.plugins, this.context, '', callback)
+      },
       (callback) => {
         processWorkers(json.workers, this.context, callback)
       },
@@ -550,6 +562,10 @@ module.exports = function (content) {
         async.eachOf(generics, (generic, name, callback) => {
           if (generic.default) {
             processComponent(generic.default, context, { relativePath }, (err, entry) => {
+              if (err === RESOLVE_IGNORED_ERR) {
+                delete generic.default
+                return callback()
+              }
               if (err) return callback(err)
               generic.default = entry
               callback()

package/lib/json-compiler/plugin.js

@@ -2,7 +2,9 @@ const async = require('async')
 const JSON5 = require('json5')
 const getEntryName = require('../utils/get-entry-name')
 const FlagPluginDependency = require('../dependencies/FlagPluginDependency')
+const RemoveEntryDependency = require('../dependencies/RemoveEntryDependency')
 const createJSONHelper = require('./helper')
+const { MPX_DISABLE_EXTRACTOR_CACHE, RESOLVE_IGNORED_ERR } = require('../utils/const')
 
 module.exports = function (source) {
   // 该loader中会在每次编译中动态添加entry，不能缓存，否则watch不好使
@@ -14,6 +16,9 @@ module.exports = function (source) {
     return nativeCallback(null, source)
   }
 
+  // json模块必须每次都创建（但并不是每次都需要build），用于动态添加编译入口，传递信息以禁用父级extractor的缓存
+  this.emitFile(MPX_DISABLE_EXTRACTOR_CACHE, '', undefined, { skipEmit: true })
+
   this._module.addPresentationalDependency(new FlagPluginDependency())
 
   const emitWarning = (msg) => {
@@ -45,7 +50,7 @@ module.exports = function (source) {
   const srcMode = mpx.srcMode
   const entryName = getEntryName(this)
   // 最终输出中不需要为plugin.json产生chunk，而是使用extractor输出，删除plugin.json对应的entrypoint
-  if (entryName) this._compilation.entries.delete(entryName)
+  if (entryName) this._module.addPresentationalDependency(new RemoveEntryDependency(entryName))
 
   // 新模式下plugin.json输出依赖于extractor
   const callback = (err, processOutput) => {
@@ -66,6 +71,10 @@ module.exports = function (source) {
   const processMain = (main, callback) => {
     if (!main) return callback()
     processJsExport(main, context, '', (err, entry) => {
+      if (err === RESOLVE_IGNORED_ERR) {
+        delete pluginEntry.main
+        return callback()
+      }
       if (err) return callback(err)
       pluginEntry.main = entry
       callback()
@@ -76,8 +85,12 @@ module.exports = function (source) {
     if (!components) return callback()
     async.eachOf(components, (component, name, callback) => {
       processComponent(component, context, { relativePath }, (err, entry) => {
+        if (err === RESOLVE_IGNORED_ERR) {
+          delete components[name]
+          return callback()
+        }
         if (err) return callback(err)
-        pluginEntry.publicComponents[name] = entry
+        components[name] = entry
         callback()
       })
     }, callback)
@@ -105,15 +118,18 @@ module.exports = function (source) {
 
     async.eachOf(pages, (page, key) => {
       processPage(page, context, '', (err, entry) => {
+        if (err === RESOLVE_IGNORED_ERR) {
+          delete pages[key]
+          return callback()
+        }
         if (err) return callback(err)
-        pages[key] = entry
         if (mode === 'ali') {
           pluginEntry.pages.push(entry)
           if (!/^__private_page_\d+__$/.test(key)) {
             pluginEntry.publicPages[key] = entry
           }
         } else {
-          pluginEntry.pages[key] = entry
+          pages[key] = entry
         }
         callback()
       })
@@ -126,7 +142,7 @@ module.exports = function (source) {
     }, (callback) => {
       return processComponents(pluginEntry.publicComponents, callback)
     }, (callback) => {
-      return processPages(pluginEntry.publicPages, callback)
+      return processPages(pluginEntry.pages, callback)
     }
   ], (err) => {
     return callback(err, processDynamicEntry)

package/lib/loader.js

@@ -11,10 +11,11 @@ const processJSON = require('./web/processJSON')
 const processScript = require('./web/processScript')
 const processStyles = require('./web/processStyles')
 const processTemplate = require('./web/processTemplate')
-const readJsonForSrc = require('./utils/read-json-for-src')
+const getJSONContent = require('./utils/get-json-content')
 const normalize = require('./utils/normalize')
 const getEntryName = require('./utils/get-entry-name')
 const AppEntryDependency = require('./dependencies/AppEntryDependency')
+const { MPX_APP_MODULE_ID } = require('./utils/const')
 
 module.exports = function (content) {
   this.cacheable()
@@ -27,11 +28,8 @@ module.exports = function (content) {
   const packageName = queryObj.packageRoot || mpx.currentPackageRoot || 'main'
   const pagesMap = mpx.pagesMap
   const componentsMap = mpx.componentsMap[packageName]
-  const resolveMode = mpx.resolveMode
-  const projectRoot = mpx.projectRoot
   const mode = mpx.mode
   const env = mpx.env
-  const defs = mpx.defs
   const i18n = mpx.i18n
   const globalSrcMode = mpx.srcMode
   const localSrcMode = queryObj.mode
@@ -39,10 +37,10 @@ module.exports = function (content) {
   const vueContentCache = mpx.vueContentCache
   const autoScope = matchCondition(resourcePath, mpx.autoScopeRules)
 
-  // 支持资源query传入page或component支持页面/组件单独编译
-  if ((queryObj.component && !componentsMap[resourcePath]) || (queryObj.page && !pagesMap[resourcePath])) {
+  // 支持资源query传入isPage或isComponent支持页面/组件单独编译
+  if ((queryObj.isComponent && !componentsMap[resourcePath]) || (queryObj.isPage && !pagesMap[resourcePath])) {
     const entryName = getEntryName(this)
-    if (queryObj.component) {
+    if (queryObj.isComponent) {
       componentsMap[resourcePath] = entryName || 'noEntryComponent'
     } else {
       pagesMap[resourcePath] = entryName || 'noEntryPage'
@@ -58,24 +56,16 @@ module.exports = function (content) {
     ctorType = 'component'
   }
 
-  if (ctorType === 'app') {
-    const appName = getEntryName(this)
-    this._module.addPresentationalDependency(new AppEntryDependency(resourcePath, appName))
-  }
-
   const loaderContext = this
   const stringifyRequest = r => loaderUtils.stringifyRequest(loaderContext, r)
   const isProduction = this.minimize || process.env.NODE_ENV === 'production'
-
   const filePath = resourcePath
-
-  const moduleId = 'm' + mpx.pathHash(filePath)
+  const moduleId = ctorType === 'app' ? MPX_APP_MODULE_ID : 'm' + mpx.pathHash(filePath)
 
   const parts = parseComponent(content, {
     filePath,
     needMap: this.sourceMap,
     mode,
-    defs,
     env
   })
 
@@ -84,16 +74,11 @@ module.exports = function (content) {
 
   async.waterfall([
     (callback) => {
-      const json = parts.json || {}
-      if (json.src) {
-        readJsonForSrc(json.src, loaderContext, (err, result) => {
-          if (err) return callback(err)
-          json.content = result
-          callback()
-        })
-      } else {
+      getJSONContent(parts.json || {}, loaderContext, (err, content) => {
+        if (err) return callback(err)
+        if (parts.json) parts.json.content = content
         callback()
-      }
+      })
     },
     (callback) => {
       // web输出模式下没有任何inject，可以通过cache直接返回，由于读取src json可能会新增模块依赖，需要在之后返回缓存内容
@@ -126,8 +111,8 @@ module.exports = function (content) {
 
       // 处理mode为web时输出vue格式文件
       if (mode === 'web') {
-        if (ctorType === 'app' && !queryObj.app) {
-          const request = addQuery(this.resource, { app: true })
+        if (ctorType === 'app' && !queryObj.isApp) {
+          const request = addQuery(this.resource, { isApp: true })
           output += `
       import App from ${stringifyRequest(request)}
       import Vue from 'vue'
@@ -148,20 +133,15 @@ module.exports = function (content) {
             async.parallel([
               (callback) => {
                 processTemplate(parts.template, {
+                  loaderContext,
                   hasScoped,
                   hasComment,
                   isNative,
-                  mode,
                   srcMode,
-                  defs,
-                  loaderContext,
                   moduleId,
                   ctorType,
                   usingComponents,
-                  componentGenerics,
-                  decodeHTMLText: mpx.decodeHTMLText,
-                  externalClasses: mpx.externalClasses,
-                  checkUsingComponents: mpx.checkUsingComponents
+                  componentGenerics
                 }, callback)
               },
               (callback) => {
@@ -173,16 +153,9 @@ module.exports = function (content) {
               },
               (callback) => {
                 processJSON(parts.json, {
-                  mode,
-                  env,
-                  defs,
-                  resolveMode,
                   loaderContext,
                   pagesMap,
-                  pagesEntryMap: mpx.pagesEntryMap,
-                  pathHash: mpx.pathHash,
-                  componentsMap,
-                  projectRoot
+                  componentsMap
                 }, callback)
               }
             ], (err, res) => {
@@ -198,23 +171,20 @@ module.exports = function (content) {
             }
 
             processScript(parts.script, {
+              loaderContext,
               ctorType,
               srcMode,
-              loaderContext,
               isProduction,
-              i18n,
               componentGenerics,
-              projectRoot,
               jsonConfig: jsonRes.jsonObj,
-              componentId: queryObj.componentId || '',
+              outputPath: queryObj.outputPath || '',
               tabBarMap: jsonRes.tabBarMap,
               tabBarStr: jsonRes.tabBarStr,
               builtInComponentsMap: templateRes.builtInComponentsMap,
               genericsInfo: templateRes.genericsInfo,
               wxsModuleMap: templateRes.wxsModuleMap,
               localComponentsMap: jsonRes.localComponentsMap,
-              localPagesMap: jsonRes.localPagesMap,
-              forceDisableBuiltInLoader: mpx.forceDisableBuiltInLoader
+              localPagesMap: jsonRes.localPagesMap
             }, callback)
           }
         ], (err, scriptRes) => {
@@ -225,6 +195,11 @@ module.exports = function (content) {
         })
       }
 
+      if (ctorType === 'app') {
+        const appName = getEntryName(this)
+        this._module.addPresentationalDependency(new AppEntryDependency(resourcePath, appName))
+      }
+
       const {
         getRequire
       } = createHelpers(loaderContext)
@@ -259,6 +234,7 @@ module.exports = function (content) {
       output += `global.currentCtorType = ${JSON.stringify(ctor.replace(/^./, (match) => {
         return match.toLowerCase()
       }))}\n`
+      output += `global.currentResourceType = '${ctorType}'\n`
 
       // template
       output += '/* template */\n'
@@ -291,9 +267,10 @@ module.exports = function (content) {
           }
           // require style
           if (style.src) {
-            // style src会被特殊处理为全局复用样式，不添加resourcePath，添加isStatic及issuerResource
+            // style src会被特殊处理为全局复用样式，不添加resourcePath，添加isStatic及issuerFile
             extraOptions.isStatic = true
-            extraOptions.issuerFile = mpx.getExtractedFile(this.resource)
+            const issuerResource = addQuery(this.resource, { type: 'styles' }, true)
+            extraOptions.issuerFile = mpx.getExtractedFile(issuerResource)
           }
           output += getRequire('styles', style, extraOptions, i) + '\n'
         })