@mpxjs/webpack-plugin 2.6.102 → 2.7.0-beta.1

package/lib/dependencies/AppEntryDependency.js

@@ -0,0 +1,56 @@
+const NullDependency = require('webpack/lib/dependencies/NullDependency')
+const makeSerializable = require('webpack/lib/util/makeSerializable')
+
+class AppEntryDependency extends NullDependency {
+  constructor (resourcePath, name) {
+    super()
+    this.resourcePath = resourcePath
+    this.name = name
+  }
+
+  get type () {
+    return 'mpx app entry'
+  }
+
+  mpxAction (module, compilation, callback) {
+    const mpx = compilation.__mpx__
+    const moduleGraph = compilation.moduleGraph
+
+    if (mpx.appInfo.name) {
+      const issuer = moduleGraph.getIssuer(module)
+      const err = new Error(issuer
+        ? `[json compiler]:Mpx单次构建中只能存在一个App，当前组件/页面[${module.resource}]通过[${issuer.resource}]非法引入，引用的资源将被忽略，请确保组件/页面资源通过usingComponents/pages配置引入！`
+        : `[json compiler]:Mpx单次构建中只能存在一个App，请检查当前entry中的资源[${module.resource}]是否为组件/页面，通过添加?component/page查询字符串显式声明该资源是组件/页面！`)
+      return callback(err)
+    }
+
+    mpx.appInfo = {
+      resourcePath: this.resourcePath,
+      name: this.name
+    }
+    return callback()
+  }
+
+  serialize (context) {
+    const { write } = context
+    write(this.resourcePath)
+    write(this.name)
+    super.serialize(context)
+  }
+
+  deserialize (context) {
+    const { read } = context
+    this.resourcePath = read()
+    this.name = read()
+    super.deserialize(context)
+  }
+}
+
+AppEntryDependency.Template = class AppEntryDependencyTemplate {
+  apply () {
+  }
+}
+
+makeSerializable(AppEntryDependency, '@mpxjs/webpack-plugin/lib/dependencies/AppEntryDependency')
+
+module.exports = AppEntryDependency

package/lib/dependencies/CommonJsVariableDependency.js

@@ -0,0 +1,74 @@
+const ModuleDependency = require('webpack/lib/dependencies/ModuleDependency')
+const makeSerializable = require('webpack/lib/util/makeSerializable')
+
+class CommonJsVariableDependency extends ModuleDependency {
+  constructor (request, name) {
+    super(request)
+    this.name = name
+  }
+
+  serialize (context) {
+    const { write } = context
+    write(this.name)
+    super.serialize(context)
+  }
+
+  deserialize (context) {
+    const { read } = context
+    this.name = read()
+    super.deserialize(context)
+  }
+
+  updateHash (hash, context) {
+    hash.update(this.request)
+    hash.update(this.name)
+    super.updateHash(hash, context)
+  }
+
+  get type () {
+    return 'mpx cjs variable'
+  }
+
+  get category () {
+    return 'commonjs'
+  }
+}
+
+CommonJsVariableDependency.Template = class CommonJsVariableDependencyTemplate extends (
+  ModuleDependency.Template
+) {
+  apply (
+    dep,
+    source,
+    {
+      module,
+      runtimeTemplate,
+      moduleGraph,
+      chunkGraph,
+      runtimeRequirements,
+      runtime,
+      initFragments
+    }
+  ) {
+    if (!dep.name) return
+    const importedModule = moduleGraph.getModule(dep)
+    let requireExpr = runtimeTemplate.moduleExports({
+      module: importedModule,
+      chunkGraph,
+      request: dep.request,
+      weak: dep.weak,
+      runtimeRequirements
+    })
+
+    requireExpr = `/* mpx cjs variable */ var ${dep.name} = ` + requireExpr
+
+    source.insert(0, requireExpr)
+  }
+}
+
+makeSerializable(
+  CommonJsVariableDependency,
+  '@mpxjs/webpack-plugin/lib/dependencies/CommonJsVariableDependency'
+)
+
+module.exports = CommonJsVariableDependency

package/lib/dependencies/DynamicEntryDependency.js

@@ -0,0 +1,127 @@
+const NullDependency = require('webpack/lib/dependencies/NullDependency')
+const makeSerializable = require('webpack/lib/util/makeSerializable')
+const path = require('path')
+const addQuery = require('../utils/add-query')
+const toPosix = require('../utils/to-posix')
+
+class DynamicEntryDependency extends NullDependency {
+  constructor (resource, entryType, outputPath = '', packageRoot = '', relativePath = '', range) {
+    super()
+    this.resource = resource
+    this.entryType = entryType
+    this.outputPath = outputPath
+    this.packageRoot = packageRoot
+    this.relativePath = relativePath
+    this.range = range
+  }
+
+  get type () {
+    return 'mpx dynamic entry'
+  }
+
+  get key () {
+    return `${this.resource}_${this.entryType}_${this.outputPath}_${this.packageRoot}_${this.relativePath}_${this.range[0]}_${this.range[1]}`
+  }
+
+  addEntry (compilation, callback) {
+    const mpx = compilation.__mpx__
+    const publicPath = compilation.outputOptions.publicPath || ''
+    let { resource, entryType, outputPath, relativePath } = this
+
+    const { packageRoot, outputPath: filename, alreadyOutputed } = mpx.getPackageInfo({
+      resource,
+      outputPath,
+      resourceType: entryType,
+      warn (e) {
+        compilation.warnings.push(e)
+      },
+      error (e) {
+        compilation.errors.push(e)
+      }
+    })
+
+    let resultPath = publicPath + filename
+    if (relativePath) {
+      resultPath = toPosix(path.relative(relativePath, resultPath))
+    }
+
+    if (alreadyOutputed) return callback(null, { resultPath })
+
+    if (packageRoot) {
+      resource = addQuery(resource, { packageRoot })
+    }
+    mpx.addEntry(resource, filename, (err, entryModule) => {
+      if (err) return callback(err)
+      if (entryType === 'export') {
+        mpx.exportModules.add(entryModule)
+      }
+      // todo entry的父子关系可以在这里建立
+      return callback(null, {
+        resultPath,
+        entryModule
+      })
+    })
+  }
+
+  mpxAction (module, compilation, callback) {
+    const mpx = compilation.__mpx__
+    const { packageRoot } = this
+    // 分包构建在需要在主包构建完成后在finishMake中处理，返回的资源路径先用key来占位，在合成extractedAssets时再进行最终替换
+    if (packageRoot && mpx.currentPackageRoot !== packageRoot) {
+      mpx.subpackagesEntriesMap[packageRoot] = mpx.subpackagesEntriesMap[packageRoot] || []
+      mpx.subpackagesEntriesMap[packageRoot].push(this)
+      callback()
+    } else {
+      this.addEntry(compilation, (err, { resultPath }) => {
+        if (err) return callback(err)
+        this.resultPath = resultPath
+        callback()
+      })
+    }
+  }
+
+  // hash会影响最终的codeGenerateResult是否走缓存，由于该dep中resultPath是动态变更的，需要将其更新到hash中，避免错误使用缓存
+  updateHash (hash, context) {
+    const { resultPath } = this
+    if (resultPath) hash.update(resultPath)
+    super.updateHash(hash, context)
+  }
+
+  serialize (context) {
+    const { write } = context
+    write(this.resource)
+    write(this.entryType)
+    write(this.outputPath)
+    write(this.packageRoot)
+    write(this.relativePath)
+    write(this.range)
+    super.serialize(context)
+  }
+
+  deserialize (context) {
+    const { read } = context
+    this.resource = read()
+    this.entryType = read()
+    this.outputPath = read()
+    this.packageRoot = read()
+    this.relativePath = read()
+    this.range = read()
+    super.deserialize(context)
+  }
+}
+
+DynamicEntryDependency.Template = class DynamicEntryDependencyTemplate {
+  apply (dep, source) {
+    const { resultPath, range, key } = dep
+    if (resultPath) {
+      source.replace(range[0], range[1] - 1, JSON.stringify(resultPath))
+    } else {
+      const replaceRange = `mpx_replace_path_${key}`
+      source.replace(range[0], range[1] - 1, JSON.stringify(replaceRange))
+    }
+  }
+}
+
+makeSerializable(DynamicEntryDependency, '@mpxjs/webpack-plugin/lib/dependencies/DynamicEntryDependency')
+
+module.exports = DynamicEntryDependency

package/lib/dependencies/FlagPluginDependency.js

@@ -0,0 +1,23 @@
+const NullDependency = require('webpack/lib/dependencies/NullDependency')
+const makeSerializable = require('webpack/lib/util/makeSerializable')
+
+class FlagPluginDependency extends NullDependency {
+  get type () {
+    return 'mpx flag plugin'
+  }
+
+  mpxAction (module, compilation, callback) {
+    const mpx = compilation.__mpx__
+    mpx.isPluginMode = true
+    return callback()
+  }
+}
+
+FlagPluginDependency.Template = class FlagPluginDependencyTemplate {
+  apply () {
+  }
+}
+
+makeSerializable(FlagPluginDependency, '@mpxjs/webpack-plugin/lib/dependencies/FlagPluginDependency')
+
+module.exports = FlagPluginDependency

package/lib/dependencies/InjectDependency.js

@@ -0,0 +1,43 @@
+const NullDependency = require('webpack/lib/dependencies/NullDependency')
+const makeSerializable = require('webpack/lib/util/makeSerializable')
+
+class InjectDependency extends NullDependency {
+  constructor (options = {}) {
+    super()
+    this.content = options.content
+    this.index = options.index || 0
+  }
+
+  get type () {
+    return 'mpx inject'
+  }
+
+  updateHash (hash, context) {
+    hash.update(this.content)
+    super.updateHash(hash, context)
+  }
+
+  serialize (context) {
+    const { write } = context
+    write(this.content)
+    write(this.index)
+    super.serialize(context)
+  }
+
+  deserialize (context) {
+    const { read } = context
+    this.content = read()
+    this.index = read()
+    super.deserialize(context)
+  }
+}
+
+InjectDependency.Template = class InjectDependencyTemplate {
+  apply (dep, source) {
+    source.insert(dep.index, '/* mpx inject */ ' + dep.content)
+  }
+}
+
+makeSerializable(InjectDependency, '@mpxjs/webpack-plugin/lib/dependencies/InjectDependency')
+
+module.exports = InjectDependency

package/lib/dependencies/RecordGlobalComponentsDependency.js

@@ -0,0 +1,50 @@
+const NullDependency = require('webpack/lib/dependencies/NullDependency')
+const makeSerializable = require('webpack/lib/util/makeSerializable')
+const addQuery = require('../utils/add-query')
+
+class RecordGlobalComponentsDependency extends NullDependency {
+  constructor (usingComponents, context) {
+    super()
+    this.usingComponents = usingComponents
+    this.context = context
+  }
+
+  get type () {
+    return 'mpx record global components'
+  }
+
+  mpxAction (module, compilation, callback) {
+    const mpx = compilation.__mpx__
+    const { usingComponents, context } = this
+    Object.keys(usingComponents).forEach((key) => {
+      const request = usingComponents[key]
+      mpx.usingComponents[key] = addQuery(request, {
+        context
+      })
+    })
+    return callback()
+  }
+
+  serialize (context) {
+    const { write } = context
+    write(this.usingComponents)
+    write(this.context)
+    super.serialize(context)
+  }
+
+  deserialize (context) {
+    const { read } = context
+    this.usingComponents = read()
+    this.context = read()
+    super.deserialize(context)
+  }
+}
+
+RecordGlobalComponentsDependency.Template = class RecordGlobalComponentsDependencyTemplate {
+  apply () {
+  }
+}
+
+makeSerializable(RecordGlobalComponentsDependency, '@mpxjs/webpack-plugin/lib/dependencies/RecordGlobalComponentsDependency')
+
+module.exports = RecordGlobalComponentsDependency

package/lib/dependencies/RecordStaticResourceDependency.js

@@ -0,0 +1,47 @@
+const NullDependency = require('webpack/lib/dependencies/NullDependency')
+const makeSerializable = require('webpack/lib/util/makeSerializable')
+
+class RecordStaticResourceDependency extends NullDependency {
+  constructor (resourcePath, outputPath, packageRoot = '') {
+    super()
+    this.resourcePath = resourcePath
+    this.outputPath = outputPath
+    this.packageRoot = packageRoot
+  }
+
+  get type () {
+    return 'mpx record static resource'
+  }
+
+  mpxAction (module, compilation, callback) {
+    const mpx = compilation.__mpx__
+    const packageName = this.packageRoot || 'main'
+    mpx.staticResourcesMap[packageName][this.resourcePath] = this.outputPath
+    return callback()
+  }
+
+  serialize (context) {
+    const { write } = context
+    write(this.resourcePath)
+    write(this.outputPath)
+    write(this.packageRoot)
+    super.serialize(context)
+  }
+
+  deserialize (context) {
+    const { read } = context
+    this.resourcePath = read()
+    this.outputPath = read()
+    this.packageRoot = read()
+    super.deserialize(context)
+  }
+}
+
+RecordStaticResourceDependency.Template = class RecordStaticResourceDependencyTemplate {
+  apply () {
+  }
+}
+
+makeSerializable(RecordStaticResourceDependency, '@mpxjs/webpack-plugin/lib/dependencies/RecordStaticResourceDependency')
+
+module.exports = RecordStaticResourceDependency

package/lib/{dependency → dependencies}/ReplaceDependency.js

@@ -1,4 +1,5 @@
 const NullDependency = require('webpack/lib/dependencies/NullDependency')
+const makeSerializable = require('webpack/lib/util/makeSerializable')
 
 class ReplaceDependency extends NullDependency {
   constructor (replacement, range) {
@@ -11,9 +12,23 @@ class ReplaceDependency extends NullDependency {
     return 'mpx replace'
   }
 
-  updateHash (hash) {
-    super.updateHash(hash)
+  updateHash (hash, context) {
     hash.update(this.replacement)
+    super.updateHash(hash, context)
+  }
+
+  serialize (context) {
+    const { write } = context
+    write(this.replacement)
+    write(this.range)
+    super.serialize(context)
+  }
+
+  deserialize (context) {
+    const { read } = context
+    this.replacement = read()
+    this.range = read()
+    super.deserialize(context)
   }
 }
 
@@ -23,4 +38,6 @@ ReplaceDependency.Template = class ReplaceDependencyTemplate {
   }
 }
 
+makeSerializable(ReplaceDependency, '@mpxjs/webpack-plugin/lib/dependencies/ReplaceDependency')
+
 module.exports = ReplaceDependency

package/lib/dependencies/ResolveDependency.js

@@ -0,0 +1,83 @@
+const NullDependency = require('webpack/lib/dependencies/NullDependency')
+const parseRequest = require('../utils/parse-request')
+const makeSerializable = require('webpack/lib/util/makeSerializable')
+
+class ResolveDependency extends NullDependency {
+  constructor (resource, packageName, issuerResource, range) {
+    super()
+    this.resource = resource
+    this.packageName = packageName
+    this.issuerResource = issuerResource
+    this.range = range
+    this.compilation = null
+  }
+
+  get type () {
+    return 'mpx resolve'
+  }
+
+  mpxAction (module, compilation, callback) {
+    this.compilation = compilation
+    return callback()
+  }
+
+  getResolved () {
+    const { resource, packageName, compilation } = this
+    if (!compilation) return ''
+    const mpx = compilation.__mpx__
+    if (!mpx) return ''
+    const { pagesMap, componentsMap, staticResourcesMap } = mpx
+    const { resourcePath } = parseRequest(resource)
+    const currentComponentsMap = componentsMap[packageName]
+    const mainComponentsMap = componentsMap.main
+    const currentStaticResourcesMap = staticResourcesMap[packageName]
+    const mainStaticResourcesMap = staticResourcesMap.main
+    return pagesMap[resourcePath] || currentComponentsMap[resourcePath] || mainComponentsMap[resourcePath] || currentStaticResourcesMap[resourcePath] || mainStaticResourcesMap[resourcePath] || ''
+  }
+
+  // resolved可能会动态变更，需用此更新hash
+  updateHash (hash, context) {
+    const resolved = this.getResolved()
+    if (resolved) hash.update(resolved)
+    super.updateHash(hash, context)
+  }
+
+  serialize (context) {
+    const { write } = context
+    write(this.resource)
+    write(this.packageName)
+    write(this.issuerResource)
+    write(this.range)
+    super.serialize(context)
+  }
+
+  deserialize (context) {
+    const { read } = context
+    this.resource = read()
+    this.packageName = read()
+    this.issuerResource = read()
+    this.range = read()
+    super.deserialize(context)
+  }
+}
+
+ResolveDependency.Template = class ResolveDependencyTemplate {
+  apply (dep, source) {
+    const content = this.getContent(dep)
+    source.replace(dep.range[0], dep.range[1] - 1, content)
+  }
+
+  getContent (dep) {
+    const { resource, issuerResource, compilation } = dep
+    const publicPath = compilation.outputOptions.publicPath || ''
+    const resolved = dep.getResolved()
+    if (!resolved) {
+      compilation.errors.push(new Error(`Path ${resource} is not a page/component/static resource, which is resolved from ${issuerResource}!`))
+    }
+    return JSON.stringify(publicPath + resolved)
+  }
+}
+
+makeSerializable(ResolveDependency, '@mpxjs/webpack-plugin/lib/dependencies/ResolveDependency')
+
+module.exports = ResolveDependency