@mpxjs/webpack-plugin 2.7.0-beta.9 → 2.7.1-beta.10

package/lib/dependencies/AppEntryDependency.js

@@ -16,6 +16,8 @@ class AppEntryDependency extends NullDependency {
     const mpx = compilation.__mpx__
     const moduleGraph = compilation.moduleGraph
 
+    mpx.getEntryNode(module, 'app')
+
     if (mpx.appInfo.name) {
       const issuer = moduleGraph.getIssuer(module)
       const err = new Error(issuer

package/lib/dependencies/CommonJsVariableDependency.js

@@ -1,8 +1,9 @@
 const ModuleDependency = require('webpack/lib/dependencies/ModuleDependency')
 const makeSerializable = require('webpack/lib/util/makeSerializable')
+const InitFragment = require('webpack/lib//InitFragment')
 
 class CommonJsVariableDependency extends ModuleDependency {
-  constructor (request, name) {
+  constructor (request, name = '') {
     super(request)
     this.name = name
   }
@@ -44,10 +45,10 @@ CommonJsVariableDependency.Template = class CommonJsVariableDependencyTemplate e
       runtimeTemplate,
       moduleGraph,
       chunkGraph,
-      runtimeRequirements
+      runtimeRequirements,
+      initFragments
     }
   ) {
-    if (!dep.name) return
     const importedModule = moduleGraph.getModule(dep)
     let requireExpr = runtimeTemplate.moduleExports({
       module: importedModule,
@@ -57,7 +58,18 @@ CommonJsVariableDependency.Template = class CommonJsVariableDependencyTemplate e
       runtimeRequirements
     })
 
-    source.insert(0, `/* mpx cjs variable */ var ${dep.name} = ${requireExpr};\n`)
+    let expr = '/* mpx cjs variable */ '
+    if (dep.name) expr += 'var ' + dep.name + ' = '
+    expr += requireExpr + ';\n'
+
+    initFragments.push(
+      new InitFragment(
+        expr,
+        InitFragment.STAGE_CONSTANTS,
+        1,
+        dep.request
+      )
+    )
   }
 }
 

package/lib/dependencies/DynamicEntryDependency.js

@@ -27,9 +27,9 @@ class DynamicEntryDependency extends NullDependency {
   addEntry (compilation, callback) {
     const mpx = compilation.__mpx__
     const publicPath = compilation.outputOptions.publicPath || ''
-    let { resource, entryType, outputPath, relativePath } = this
+    let { resource, entryType, outputPath, relativePath, originEntryNode } = this
 
-    const { packageRoot, outputPath: filename, alreadyOutputed } = mpx.getPackageInfo({
+    const { packageRoot, outputPath: filename, alreadyOutputted } = mpx.getPackageInfo({
       resource,
       outputPath,
       resourceType: entryType,
@@ -49,7 +49,7 @@ class DynamicEntryDependency extends NullDependency {
     // export类型的resultPath需要添加.js后缀
     if (entryType === 'export') resultPath += '.js'
 
-    if (alreadyOutputed) return callback(null, { resultPath })
+    if (alreadyOutputted) return callback(null, { resultPath })
 
     if (packageRoot) {
       resource = addQuery(resource, { packageRoot })
@@ -59,7 +59,7 @@ class DynamicEntryDependency extends NullDependency {
       if (entryType === 'export') {
         mpx.exportModules.add(entryModule)
       }
-      // todo entry的父子关系可以在这里建立
+      originEntryNode.addChild(mpx.getEntryNode(entryModule, entryType))
       return callback(null, {
         resultPath,
         entryModule
@@ -70,6 +70,7 @@ class DynamicEntryDependency extends NullDependency {
   mpxAction (module, compilation, callback) {
     const mpx = compilation.__mpx__
     const { packageRoot } = this
+    this.originEntryNode = mpx.getEntryNode(module)
     // 分包构建在需要在主包构建完成后在finishMake中处理，返回的资源路径先用key来占位，在合成extractedAssets时再进行最终替换
     if (packageRoot && mpx.currentPackageRoot !== packageRoot) {
       mpx.subpackagesEntriesMap[packageRoot] = mpx.subpackagesEntriesMap[packageRoot] || []

package/lib/dependencies/FlagPluginDependency.js

@@ -9,6 +9,7 @@ class FlagPluginDependency extends NullDependency {
   mpxAction (module, compilation, callback) {
     const mpx = compilation.__mpx__
     mpx.isPluginMode = true
+    mpx.getEntryNode(module, 'plugin')
     return callback()
   }
 }

package/lib/dependencies/RecordIndependentDependency.js

@@ -0,0 +1,44 @@
+const NullDependency = require('webpack/lib/dependencies/NullDependency')
+const makeSerializable = require('webpack/lib/util/makeSerializable')
+
+class RecordIndependentDependency extends NullDependency {
+  constructor (root, request) {
+    super()
+    this.root = root
+    this.request = request
+  }
+
+  get type () {
+    return 'mpx record independent'
+  }
+
+  mpxAction (module, compilation, callback) {
+    const mpx = compilation.__mpx__
+    const { root, request } = this
+    mpx.independentSubpackagesMap[root] = request
+    return callback()
+  }
+
+  serialize (context) {
+    const { write } = context
+    write(this.root)
+    write(this.request)
+    super.serialize(context)
+  }
+
+  deserialize (context) {
+    const { read } = context
+    this.root = read()
+    this.request = read()
+    super.deserialize(context)
+  }
+}
+
+RecordIndependentDependency.Template = class RecordIndependentDependencyTemplate {
+  apply () {
+  }
+}
+
+makeSerializable(RecordIndependentDependency, '@mpxjs/webpack-plugin/lib/dependencies/RecordIndependentDependency')
+
+module.exports = RecordIndependentDependency

package/lib/dependencies/RecordResourceMapDependency.js

@@ -16,10 +16,19 @@ class RecordResourceMapDependency extends NullDependency {
 
   mpxAction (module, compilation, callback) {
     const mpx = compilation.__mpx__
-    const packageName = this.packageRoot || 'main'
-    const resourceMap = mpx[`${this.resourceType}sMap`] || mpx.otherResourcesMap
-    const subResourceMap = resourceMap.main ? resourceMap[packageName] : resourceMap
-    subResourceMap[this.resourcePath] = this.outputPath
+    const { resourcePath, resourceType, outputPath, packageRoot } = this
+    mpx.recordResourceMap({
+      resourcePath,
+      resourceType,
+      outputPath,
+      packageRoot,
+      warn (e) {
+        compilation.warnings.push(e)
+      },
+      error (e) {
+        compilation.errors.push(e)
+      }
+    })
     return callback()
   }
 

package/lib/extractor.js

@@ -4,8 +4,8 @@ const parseRequest = require('./utils/parse-request')
 const toPosix = require('./utils/to-posix')
 const fixRelative = require('./utils/fix-relative')
 const addQuery = require('./utils/add-query')
+const normalize = require('./utils/normalize')
 const { MPX_DISABLE_EXTRACTOR_CACHE, DEFAULT_RESULT_SOURCE } = require('./utils/const')
-const RecordResourceMapDependency = require('./dependencies/RecordResourceMapDependency')
 
 module.exports = content => content
 
@@ -37,10 +37,10 @@ module.exports.pitch = async function (remainingRequest) {
   })
 
   let request = remainingRequest
-  // static的情况下需要记录相关静态资源的输出路径
+  // static的情况下需要用record-loader记录相关静态资源的输出路径，不能直接在这里记录，需要确保在子依赖开始构建前完成记录，因为子依赖构建时可能就需要访问当前资源的输出路径
   if (isStatic) {
-    const packageRoot = queryObj.packageRoot || ''
-    this._module.addPresentationalDependency(new RecordResourceMapDependency(resourcePath, 'staticResource', file, packageRoot))
+    const recordLoader = normalize.lib('record-loader')
+    request = `${recordLoader}!${remainingRequest}`
   }
 
   let content = await this.importModule(`!!${request}`)
@@ -51,6 +51,10 @@ module.exports.pitch = async function (remainingRequest) {
     }).join('\n')
   }
 
+  let resultSource = DEFAULT_RESULT_SOURCE
+
+  if (typeof content !== 'string') return resultSource
+
   const extractedInfo = {
     content,
     index
@@ -61,8 +65,6 @@ module.exports.pitch = async function (remainingRequest) {
     extractedInfo
   })
 
-  let resultSource = DEFAULT_RESULT_SOURCE
-
   const { buildInfo } = this._module
 
   // 如果importModule子模块中包含动态特性，比如动态添加入口和静态资源输出路径，则当前extractor模块不可缓存

package/lib/helpers.js

@@ -4,14 +4,6 @@ const selectorPath = normalize.lib('selector')
 const addQuery = require('./utils/add-query')
 const parseRequest = require('./utils/parse-request')
 
-function getRawRequest ({ resource, loaderIndex, loaders }, excludedPreLoaders = /eslint-loader/) {
-  return loaderUtils.getRemainingRequest({
-    resource: resource,
-    loaderIndex: loaderIndex,
-    loaders: loaders.filter(loader => !excludedPreLoaders.test(loader.path))
-  })
-}
-
 const defaultLang = {
   template: 'wxml',
   styles: 'wxss',
@@ -21,7 +13,8 @@ const defaultLang = {
 }
 
 module.exports = function createHelpers (loaderContext) {
-  const rawRequest = getRawRequest(loaderContext)
+  const rawRequest = loaderUtils.getRemainingRequest(loaderContext)
+  const { resourcePath, queryObj } = parseRequest(loaderContext.resource)
 
   function getRequire (type, part, extraOptions, index) {
     return 'require(' + getRequestString(type, part, extraOptions, index) + ')'
@@ -43,9 +36,9 @@ module.exports = function createHelpers (loaderContext) {
 
   function getFakeRequest (type, part) {
     const lang = part.lang || defaultLang[type] || type
-    const { resourcePath, queryObj } = parseRequest(loaderContext.resource)
-    if (lang === 'json') queryObj.asScript = true
-    return addQuery(`${resourcePath}.${lang}`, queryObj)
+    const options = { ...queryObj }
+    if (lang === 'json') options.asScript = true
+    return addQuery(`${resourcePath}.${lang}`, options)
   }
 
   function getRequestString (type, part, extraOptions = {}, index = 0) {

package/lib/independent-loader.js

@@ -0,0 +1,52 @@
+const parseComponent = require('./parser')
+const createHelpers = require('./helpers')
+const CommonJsVariableDependency = require('./dependencies/CommonJsVariableDependency')
+const path = require('path')
+const normalize = require('./utils/normalize')
+
+module.exports = function (content) {
+  this.cacheable()
+  const mpx = this.getMpx()
+  if (!mpx) {
+    return content
+  }
+
+  const mode = mpx.mode
+  const env = mpx.env
+  const i18n = mpx.i18n
+  const filePath = this.resourcePath
+  const extname = path.extname(filePath)
+  if (extname === '.mpx') {
+    const parts = parseComponent(content, {
+      filePath,
+      needMap: this.sourceMap,
+      mode,
+      env
+    })
+    const {
+      getRequire
+    } = createHelpers(this)
+
+    if (parts.script) {
+      content = getRequire('script', parts.script)
+    } else {
+      content = ''
+    }
+  }
+
+  let output = 'global.isIndependent = true\n'
+  // 注入i18n
+  if (i18n) {
+    const i18nWxsPath = normalize.lib('runtime/i18n.wxs')
+    const i18nWxsLoaderPath = normalize.lib('wxs/i18n-loader.js')
+    const i18nWxsRequest = i18nWxsLoaderPath + '!' + i18nWxsPath
+    this._module.addDependency(new CommonJsVariableDependency(i18nWxsRequest))
+    // 避免该模块被concatenate导致注入的i18n没有最先执行
+    this._module.buildInfo.moduleConcatenationBailout = 'i18n'
+  }
+  output += content
+  output += '\n'
+  output += 'delete global.isIndependent\n'
+
+  return output
+}