@mpxjs/webpack-plugin 2.6.114-alpha.8 → 2.6.115

package/lib/tenon/processTemplate.js

@@ -1,133 +0,0 @@
-const templateCompiler = require('../template-compiler/compiler')
-const genComponentTag = require('../utils/gen-component-tag')
-const addQuery = require('../utils/add-query')
-const path = require('path')
-const parseRequest = require('../utils/parse-request')
-// const getMainCompilation = require('../utils/get-main-compilation')
-
-// function calculateRootEleChild (arr) {
-//   if (!arr) {
-//     return 0
-//   }
-//   return arr.reduce((total, item) => {
-//     if (item.type === 1) {
-//       if (item.tag === 'template') {
-//         total += calculateRootEleChild(item.children)
-//       } else {
-//         total += 1
-//       }
-//     }
-//     return total
-//   }, 0)
-// }
-
-module.exports = function (template, options, callback) {
-  const mode = options.mode
-  const srcMode = options.srcMode
-  const defs = options.defs
-  const moduleId = options.moduleId
-  const loaderContext = options.loaderContext
-  const ctorType = options.ctorType
-  const resourcePath = parseRequest(loaderContext.resource).resourcePath
-  const builtInComponentsMap = {}
-  // const compilation = loaderContext._compilation
-  // const mainCompilation = getMainCompilation(compilation)
-  // const mpx = mainCompilation.__mpx__
-  // const wxsContentMap = mpx.wxsContentMap
-  let wxsModuleMap, genericsInfo
-  let output = '/* template */\n'
-
-  if (ctorType === 'app') {
-    template = {
-      tag: 'template',
-      content: '<div class="app">this is app</div>'
-    }
-    // builtInComponentsMap['mpx-keep-alive'] = {
-    //   resource: addQuery('@mpxjs/webpack-plugin/lib/runtime/components/web/mpx-keep-alive.vue', { component: true })
-    // }
-  }
-
-  if (template) {
-    // 由于远端src template资源引用的相对路径可能发生变化，暂时不支持。
-    if (template.src) {
-      return callback(new Error('[mpx loader][' + loaderContext.resource + ']: ' + 'template content must be inline in .mpx files!'))
-    }
-    if (template.lang) {
-      return callback(new Error('[mpx loader][' + loaderContext.resource + ']: ' + 'template lang is not supported in trans web mode temporarily, we will support it in the future!'))
-    }
-
-    output += genComponentTag(template, (template) => {
-      if (ctorType === 'app') {
-        return template.content
-      }
-      if (template.content) {
-        const templateSrcMode = template.mode || srcMode
-        const parsed = templateCompiler.parse(template.content, {
-          warn: (msg) => {
-            loaderContext.emitWarning(
-              new Error('[template compiler][' + loaderContext.resource + ']: ' + msg)
-            )
-          },
-          error: (msg) => {
-            loaderContext.emitError(
-              new Error('[template compiler][' + loaderContext.resource + ']: ' + msg)
-            )
-          },
-          usingComponents: options.usingComponents,
-          hasComment: options.hasComment,
-          isNative: options.isNative,
-          basename: path.basename(resourcePath),
-          isComponent: ctorType === 'component',
-          mode,
-          srcMode: templateSrcMode,
-          defs,
-          decodeHTMLText: options.decodeHTMLText,
-          // externalClasses: options.externalClasses,
-          hasScoped: false,
-          moduleId,
-          filePath: loaderContext.resourcePath,
-          i18n: null,
-          checkUsingComponents: options.checkUsingComponents,
-          // web模式下全局组件不会被合入usingComponents中，故globalComponents可以传空
-          globalComponents: [],
-          // web模式下实现抽象组件
-          componentGenerics: options.componentGenerics
-        })
-        // if (parsed.meta.wxsModuleMap) {
-        //   wxsModuleMap = parsed.meta.wxsModuleMap
-        // }
-        // if (parsed.meta.wxsContentMap) {
-        //   for (let module in parsed.meta.wxsContentMap) {
-        //     wxsContentMap[`${resourcePath}~${module}`] = parsed.meta.wxsContentMap[module]
-        //   }
-        // }
-        if (parsed.meta.builtInComponentsMap) {
-          Object.keys(parsed.meta.builtInComponentsMap).forEach((name) => {
-            builtInComponentsMap[name] = {
-              resource: addQuery(parsed.meta.builtInComponentsMap[name], { component: true })
-            }
-          })
-        }
-        // if (parsed.meta.genericsInfo) {
-        //   genericsInfo = parsed.meta.genericsInfo
-        // }
-        // 输出H5有多个root element时, 使用div标签包裹
-        // if (parsed.root.tag === 'temp-node') {
-        //   const childLen = calculateRootEleChild(parsed.root.children)
-        //   if (childLen >= 2) {
-        //     parsed.root.tag = 'div'
-        //   }
-        // }
-        return templateCompiler.serialize(parsed.root)
-      }
-    })
-    output += '\n\n'
-  }
-
-  callback(null, {
-    output,
-    builtInComponentsMap,
-    genericsInfo,
-    wxsModuleMap
-  })
-}

package/lib/utils/const.js

@@ -1,10 +0,0 @@
-module.exports = {
-  MPX_PROCESSED_FLAG: 'mpx_processed',
-  MPX_DISABLE_EXTRACTOR_CACHE: 'mpx_disable_extractor_cache',
-  DEFAULT_RESULT_SOURCE: '',
-  RESOLVE_IGNORED_ERR: new Error('Resolve ignored!'),
-  JSON_JS_EXT: '.json.js',
-  MPX_ROOT_VIEW: 'mpx-root-view', // 根节点类名
-  MPX_APP_MODULE_ID: 'mpx-app-scope', // app文件moduleId
-  MPX_CURRENT_CHUNK: 'mpx_current_chunk'
-}

package/lib/utils/emit-file.js

@@ -1,10 +0,0 @@
-const { RawSource } = require('webpack').sources
-
-module.exports = (module, name, content, sourceMap, assetInfo) => {
-  if (!module.buildInfo.assets) {
-    module.buildInfo.assets = Object.create(null)
-    module.buildInfo.assetsInfo = new Map()
-  }
-  module.buildInfo.assets[name] = new RawSource(content)
-  module.buildInfo.assetsInfo.set(name, assetInfo)
-}

package/lib/utils/eval-json-js.js

@@ -1,31 +0,0 @@
-const path = require('path')
-
-module.exports = function evalJSONJS (source, filename, loaderContext) {
-  if (!loaderContext._compiler) return {}
-  const fs = loaderContext._compiler.inputFileSystem
-  const defs = loaderContext.getMpx().defs
-  const defKeys = Object.keys(defs)
-  const defValues = defKeys.map((key) => {
-    return defs[key]
-  })
-  const dirname = path.dirname(filename)
-  // eslint-disable-next-line no-new-func
-  const func = new Function('module', 'exports', 'require', '__filename', '__dirname', ...defKeys, source)
-  const module = {
-    exports: {}
-  }
-  // 此处采用readFileSync+evalJSONJS而不直接使用require获取依赖内容有两个原因：
-  // 1. 支持依赖中正常访问defs变量
-  // 2. 避免对应的依赖文件被作为buildDependencies
-  func(module, module.exports, function (request) {
-    if (request.startsWith('.')) {
-      request = path.join(dirname, request)
-    }
-    const filename = require.resolve(request)
-    loaderContext.addDependency(filename)
-    const source = fs.readFileSync(filename).toString('utf-8')
-    return evalJSONJS(source, filename, loaderContext)
-  }, filename, dirname, ...defValues)
-
-  return module.exports
-}

package/lib/utils/get-entry-name.js

@@ -1,13 +0,0 @@
-module.exports = function (loaderContext) {
-  if (!loaderContext._compilation) return ''
-  const moduleGraph = loaderContext._compilation.moduleGraph
-  let entryName = ''
-  for (const [name, { dependencies }] of loaderContext._compilation.entries) {
-    const entryModule = moduleGraph.getModule(dependencies[0])
-    if (entryModule.resource === loaderContext.resource) {
-      entryName = name
-      break
-    }
-  }
-  return entryName
-}

package/lib/utils/get-json-content.js

@@ -1,42 +0,0 @@
-const parseRequest = require('./parse-request')
-const evalJSONJS = require('./eval-json-js')
-const resolve = require('./resolve')
-const async = require('async')
-const { JSON_JS_EXT } = require('./const')
-
-module.exports = function getJSONContent (json, loaderContext, callback) {
-  if (!loaderContext._compiler) return callback(null, '{}')
-  const fs = loaderContext._compiler.inputFileSystem
-  async.waterfall([
-    (callback) => {
-      if (json.src) {
-        resolve(loaderContext.context, json.src, loaderContext, (err, result) => {
-          if (err) return callback(err)
-          const { rawResourcePath: resourcePath } = parseRequest(result)
-          fs.readFile(resourcePath, (err, content) => {
-            if (err) return callback(err)
-            callback(null, {
-              content: content.toString('utf-8'),
-              useJSONJS: json.useJSONJS || resourcePath.endsWith(JSON_JS_EXT),
-              filename: resourcePath
-
-            })
-          })
-        })
-      } else {
-        callback(null, {
-          content: json.content,
-          useJSONJS: json.useJSONJS,
-          filename: loaderContext.resourcePath
-        })
-      }
-    },
-    ({ content, useJSONJS, filename }, callback) => {
-      if (!content) return callback(null, '{}')
-      if (useJSONJS) {
-        content = JSON.stringify(evalJSONJS(content, filename, loaderContext))
-      }
-      callback(null, content)
-    }
-  ], callback)
-}

package/lib/utils/get-relative-path.js

@@ -1,24 +0,0 @@
-function getRelativePath (source, target) {
-  source = source && source.replace(/\/[^/]*$/, ''); // get dirname
-  // make sure source and target are absolute path
-  /^\//.test(source) || (source = '/' + source);
-  /^\//.test(target) || (target = '/' + target)
-  // check if source or target is root path
-  let sourceArr = source.split('/').filter((item, index) => index !== 0 && !!item)
-  let targetArr = target.split('/').filter((item, index) => index !== 0 && !!item)
-  let i = 0
-  while (sourceArr[i] === targetArr[i] && i < sourceArr.length && i < targetArr.length) {
-    i++
-  }
-  let relativePath = ''
-  for (let j = 0; j < sourceArr.length - i; j++) {
-    relativePath += '../'
-  }
-  relativePath += targetArr.slice(i).join('/')
-  if (relativePath[0] !== '.') relativePath = './' + relativePath
-  return relativePath
-}
-
-module.exports = {
-  getRelativePath
-}

package/lib/utils/resolve.js

@@ -1,13 +0,0 @@
-const parseRequest = require('./parse-request')
-const { RESOLVE_IGNORED_ERR } = require('./const')
-
-// todo 提供不记录dependency的resolve方法，非必要的情况下不记录dependency，提升缓存利用率
-module.exports = (context, request, loaderContext, callback) => {
-  const { queryObj } = parseRequest(request)
-  context = queryObj.context || context
-  return loaderContext.resolve(context, request, (err, resource, info) => {
-    if (err) return callback(err)
-    if (resource === false) return callback(RESOLVE_IGNORED_ERR)
-    callback(null, resource, info)
-  })
-}

package/lib/utils/set.js

@@ -1,47 +0,0 @@
-module.exports = {
-  every (set, fn) {
-    for (const item of set) {
-      if (!fn(item)) return false
-    }
-    return true
-  },
-  has (set, fn) {
-    for (const item of set) {
-      if (fn(item)) return true
-    }
-    return false
-  },
-  map (set, fn) {
-    const result = new Set()
-    set.forEach((item) => {
-      result.add(fn(item))
-    })
-    return result
-  },
-  filter (set, fn) {
-    const result = new Set()
-    set.forEach((item) => {
-      if (fn(item)) {
-        result.add(item)
-      }
-    })
-    return result
-  },
-  concat (setA, setB) {
-    const result = new Set()
-    setA.forEach((item) => {
-      result.add(item)
-    })
-    setB.forEach((item) => {
-      result.add(item)
-    })
-    return result
-  },
-  mapToArr (set, fn) {
-    const result = []
-    set.forEach((item) => {
-      result.push(fn(item))
-    })
-    return result
-  }
-}

package/lib/utils/stringify-loaders-resource.js

@@ -1,25 +0,0 @@
-const loaderToIdent = data => {
-  if (!data.options) {
-    return data.loader
-  }
-  if (typeof data.options === 'string') {
-    return data.loader + '?' + data.options
-  }
-  if (typeof data.options !== 'object') {
-    throw new Error('loader options must be string or object')
-  }
-  if (data.ident) {
-    return data.loader + '??' + data.ident
-  }
-  return data.loader + '?' + JSON.stringify(data.options)
-}
-
-const stringifyLoadersAndResource = (loaders, resource) => {
-  let str = ''
-  for (const loader of loaders) {
-    str += loaderToIdent(loader) + '!'
-  }
-  return str + resource
-}
-
-module.exports = stringifyLoadersAndResource

package/lib/wxs/WxsModuleIdsPlugin.js

@@ -1,29 +0,0 @@
-const {
-  compareModulesByPreOrderIndexOrIdentifier
-} = require('webpack/lib/util/comparators')
-const {
-  assignAscendingModuleIds,
-  getUsedModuleIdsAndModules
-} = require('webpack/lib/ids/IdHelpers')
-
-/** @typedef {import("../Compiler")} Compiler */
-/** @typedef {import("../Module")} Module */
-
-class WxsModuleIdsPlugin {
-  apply (compilation) {
-    compilation.hooks.moduleIds.tap({
-      name: 'WxsModuleIdsPlugin',
-      // 放在最前面执行，确保生成的代码模块为数组形式，符合wxs规范
-      stage: -1000
-    }, () => {
-      const [usedIds, modulesInNaturalOrder] =
-        getUsedModuleIdsAndModules(compilation)
-      modulesInNaturalOrder.sort(
-        compareModulesByPreOrderIndexOrIdentifier(compilation.moduleGraph)
-      )
-      assignAscendingModuleIds(usedIds, modulesInNaturalOrder, compilation)
-    })
-  }
-}
-
-module.exports = WxsModuleIdsPlugin

package/lib/wxs/loader.js

@@ -1,142 +0,0 @@
-const NodeTargetPlugin = require('webpack/lib/node/NodeTargetPlugin')
-const EntryPlugin = require('webpack/lib/EntryPlugin')
-const LazySet = require('webpack/lib/util/LazySet')
-const LimitChunkCountPlugin = require('webpack/lib/optimize/LimitChunkCountPlugin')
-const FlagEntryExportAsUsedPlugin = require('webpack/lib/FlagEntryExportAsUsedPlugin')
-const path = require('path')
-const WxsPlugin = require('./WxsPlugin')
-const RecordResourceMapDependency = require('../dependencies/RecordResourceMapDependency')
-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 config = require('../config')
-
-module.exports = content => content
-
-module.exports.pitch = function (remainingRequest) {
-  const nativeCallback = this.async()
-  const moduleGraph = this._compilation.moduleGraph
-  const mpx = this.getMpx()
-  const mode = mpx.mode
-  const getOutputPath = mpx.getOutputPath
-  let { resourcePath, queryObj } = parseRequest(this.resource)
-  const issuer = moduleGraph.getIssuer(this._module)
-  const { resourcePath: issuerResourcePath, queryObj: issuerQueryObj } = parseRequest(queryObj.issuerResource || issuer.resource)
-  const issuerPackageName = issuerQueryObj.packageRoot || 'main'
-  const pagesMap = mpx.pagesMap
-  const componentsMap = mpx.componentsMap[issuerPackageName]
-  const staticResourcesMap = mpx.staticResourcesMap[issuerPackageName]
-  const issuerName = pagesMap[issuerResourcePath] || componentsMap[issuerResourcePath] || staticResourcesMap[issuerResourcePath]
-  const issuerDir = path.dirname(issuerName)
-
-  const getName = (raw) => {
-    const match = /^(.*?)(\.[^.]*)?$/.exec(raw)
-    return match[1]
-  }
-
-  const wxsModule = queryObj.wxsModule
-  if (wxsModule) {
-    resourcePath = `${resourcePath}~${wxsModule}`
-  }
-  const packageRoot = queryObj.packageRoot || ''
-  const ext = config[mode].wxs.ext
-  const filename = toPosix(path.join(packageRoot, getOutputPath(resourcePath, ext.slice(1), { ext })))
-  this._module.addPresentationalDependency(new RecordResourceMapDependency(resourcePath, 'staticResource', filename, packageRoot))
-
-  const callback = (err) => {
-    if (err) return nativeCallback(err)
-    let relativePath = toPosix(path.relative(issuerDir, filename))
-    relativePath = fixRelative(relativePath, mode)
-    nativeCallback(null, `module.exports = ${JSON.stringify(relativePath)};`)
-  }
-
-  // 清空issuerResource query避免文件内容输出报错并进行子编译缓存优化
-  const request = '!!' + addQuery(remainingRequest, {}, false, ['issuerResource'])
-
-  // request中已经包含全量构成filename的信息，故可以直接使用request作为key来进行缓存
-  if (!mpx.wxsAssetsCache.has(request)) {
-    mpx.wxsAssetsCache.set(request, new Promise((resolve, reject) => {
-      const outputOptions = {
-        filename,
-        // 避免输出的wxs中包含es语法
-        environment: {
-          // The environment supports arrow functions ('() => { ... }').
-          arrowFunction: false,
-          // The environment supports BigInt as literal (123n).
-          bigIntLiteral: false,
-          // The environment supports const and let for variable declarations.
-          const: false,
-          // The environment supports destructuring ('{ a, b } = obj').
-          destructuring: false,
-          // The environment supports an async import() function to import EcmaScript modules.
-          dynamicImport: false,
-          // The environment supports 'for of' iteration ('for (const x of array) { ... }').
-          forOf: false,
-          // The environment supports ECMAScript Module syntax to import ECMAScript modules (import ... from '...').
-          module: false
-        }
-      }
-
-      const plugins = [
-        new WxsPlugin({ mode }),
-        new NodeTargetPlugin(),
-        new EntryPlugin(this.context, request, { name: getName(filename) }),
-        new LimitChunkCountPlugin({ maxChunks: 1 }),
-        new FlagEntryExportAsUsedPlugin(true, 'entry')
-      ]
-
-      const childCompiler = this._compilation.createChildCompiler(resourcePath, outputOptions, plugins)
-
-      let assets = []
-
-      childCompiler.hooks.afterCompile.tap('MpxWebpackPlugin', (compilation) => {
-        // 持久化缓存，使用module.buildInfo.assets来输出文件
-        assets = compilation.getAssets()
-        compilation.clearAssets()
-      })
-
-      childCompiler.runAsChild((err, entries, compilation) => {
-        if (err) return reject(err)
-        const fileDependencies = new LazySet()
-        const contextDependencies = new LazySet()
-        const missingDependencies = new LazySet()
-        const buildDependencies = new LazySet()
-        compilation.modules.forEach((module) => {
-          module.addCacheDependencies(
-            fileDependencies,
-            contextDependencies,
-            missingDependencies,
-            buildDependencies
-          )
-        })
-        resolve({
-          assets,
-          fileDependencies,
-          contextDependencies,
-          missingDependencies,
-          buildDependencies
-        })
-      })
-    }))
-  }
-
-  mpx.wxsAssetsCache.get(request).then(({ assets, fileDependencies, contextDependencies, missingDependencies, buildDependencies }) => {
-    assets.forEach(({ name, source, info }) => {
-      this.emitFile(name, source.source(), undefined, info)
-    })
-    fileDependencies.forEach((dep) => {
-      this.addDependency(dep)
-    })
-    contextDependencies.forEach((dep) => {
-      this.addContextDependency(dep)
-    })
-    missingDependencies.forEach((dep) => {
-      this.addMissingDependency(dep)
-    })
-    buildDependencies.forEach((dep) => {
-      this.addBuildDependency(dep)
-    })
-    callback()
-  }).catch(callback)
-}