@mpxjs/webpack-plugin 2.6.110 → 2.7.0-beta.10

package/lib/plugin-loader.js

@@ -1,287 +0,0 @@
-const path = require('path')
-const async = require('async')
-const JSON5 = require('json5')
-const SingleEntryPlugin = require('webpack/lib/SingleEntryPlugin')
-const parseRequest = require('./utils/parse-request')
-const toPosix = require('./utils/to-posix')
-const getMainCompilation = require('./utils/get-main-compilation')
-const isUrlRequestRaw = require('./utils/is-url-request')
-const loaderUtils = require('loader-utils')
-const normalize = require('./utils/normalize')
-const addQuery = require('./utils/add-query')
-const nativeLoaderPath = normalize.lib('native-loader')
-
-// webpack4中.json文件会走json parser，抽取内容的占位内容必须为合法json，否则会在parse阶段报错
-const defaultResultSource = '{}'
-
-// ali不导出的插件页面的固定prefix
-const NO_EXPORT = '__mpx_plugin_no_export_page__'
-
-module.exports = function (source) {
-  // 该loader中会在每次编译中动态添加entry，不能缓存，否则watch不好使
-  this.cacheable(false)
-
-  const nativeCallback = this.async()
-  const mainCompilation = getMainCompilation(this._compilation)
-  const mpx = mainCompilation.__mpx__
-
-  mpx.isPluginMode = true
-
-  const isUrlRequest = r => isUrlRequestRaw(r, projectRoot)
-  const urlToRequest = r => loaderUtils.urlToRequest(r, projectRoot)
-  const resolve = (context, request, callback) => {
-    const { queryObj } = parseRequest(request)
-    context = queryObj.context || context
-    return this.resolve(context, request, callback)
-  }
-
-  const emitWarning = (msg) => {
-    this.emitWarning(
-      new Error('[plugin loader][' + this.resource + ']: ' + msg)
-    )
-  }
-
-  const emitError = (msg) => {
-    this.emitError(
-      new Error('[plugin loader][' + this.resource + ']: ' + msg)
-    )
-  }
-
-  if (!mpx) {
-    return nativeCallback(null, source)
-  }
-
-  const context = this.context
-  const packageName = 'main'
-  const pagesMap = mpx.pagesMap
-  const getOutputPath = mpx.getOutputPath
-  const componentsMap = mpx.componentsMap[packageName]
-  const getEntryNode = mpx.getEntryNode
-  const resolveMode = mpx.resolveMode
-  const projectRoot = mpx.projectRoot
-  const extract = mpx.extract
-  const pathHash = mpx.pathHash
-  const resourceName = this._compilation._preparedEntrypoints[0].name
-
-  const entryModule = this._module
-  // 通过rawRequest关联entryNode和entryModule
-  const entryRequest = entryModule.rawRequest
-  const entryType = 'Plugin'
-  const currentEntry = getEntryNode(entryRequest, entryType, entryModule)
-  // 最终输出中不需要为plugin.json产生chunk，而是使用extract直接输出json文件，删除plugin.json对应的entrypoint
-  this._compilation._preparedEntrypoints.pop()
-  // 为了在体积统计中能够统计到该entry，将其缓存在mpx.removedChunks中
-  mpx.removedChunks.push({
-    entryModule
-  })
-
-  let entryDeps = new Set()
-
-  let cacheCallback
-
-  const checkEntryDeps = (callback) => {
-    callback = callback || cacheCallback
-    if (callback && entryDeps.size === 0) {
-      callback()
-    } else {
-      cacheCallback = callback
-    }
-  }
-
-  const addEntrySafely = (resource, name, callback) => {
-    const dep = SingleEntryPlugin.createDependency(resource, name)
-    entryDeps.add(dep)
-    this._compilation.addEntry(this._compiler.context, dep, name, (err, module) => {
-      entryDeps.delete(dep)
-      checkEntryDeps()
-      callback(err, module)
-    })
-  }
-
-  // 初次处理json
-  const callback = (err) => {
-    checkEntryDeps(() => {
-      if (err) return nativeCallback(err)
-      if (mpx.mode === 'ali' && pluginEntry.pages) {
-        let publicPages = Object.keys(pluginEntry.pages).reduce((cur, key) => {
-          if (!key.startsWith(NO_EXPORT)) {
-            cur[key] = pluginEntry.pages[key]
-          }
-          return cur
-        }, {})
-        pluginEntry.publicPages = publicPages
-        pluginEntry.pages = Object.values(pluginEntry.pages)
-      }
-      const sideEffects = []
-      const file = resourceName + '.json'
-      sideEffects.push((additionalAssets) => {
-        additionalAssets[file].modules = additionalAssets[file].modules || []
-        additionalAssets[file].modules.push(entryModule)
-      })
-      extract(JSON.stringify(pluginEntry), file, 0, sideEffects)
-      nativeCallback(null, defaultResultSource)
-    })
-  }
-
-  let pluginEntry
-  try {
-    pluginEntry = JSON5.parse(source)
-  } catch (err) {
-    return callback(err)
-  }
-
-  let processMain, processComponents, processPages
-
-  processMain = processComponents = processPages = (callback) => {
-    callback()
-  }
-
-  if (pluginEntry.main) {
-    processMain = function (main, callback) {
-      if (!isUrlRequest(main)) return callback()
-      if (resolveMode === 'native') {
-        main = urlToRequest(main)
-      }
-      resolve(context, main, (err, resource) => {
-        if (err) return callback(err)
-        const { resourcePath } = parseRequest(resource)
-        // 获取pageName
-        const relative = path.relative(context, resourcePath)
-        const mainPath = toPosix(/^(.*?)(\.[^.]*)?$/.exec(relative)[1])
-        if (/^\./.test(mainPath)) {
-          emitError(`The plugin's main path [${main}] must be in the context [${context}]!`)
-          return callback()
-        }
-        pluginEntry.main = mainPath + '.js'
-        addEntrySafely(resource, mainPath, (err, module) => {
-          if (err) return callback(err)
-          mpx.pluginMainModule = module
-          currentEntry.addChild(getEntryNode(resource, 'PluginMain', module))
-          callback(err, module)
-        })
-      })
-    }.bind(this, pluginEntry.main)
-  }
-
-  if (pluginEntry.publicComponents) {
-    processComponents = function (components, callback) {
-      async.forEachOf(components, (component, name, callback) => {
-        if (!isUrlRequest(component)) return callback()
-        if (resolveMode === 'native') {
-          component = urlToRequest(component)
-        }
-        resolve(context, component, (err, resource, info) => {
-          if (err) return callback(err)
-          const resourcePath = parseRequest(resource).resourcePath
-          const parsed = path.parse(resourcePath)
-          const ext = parsed.ext
-          let outputPath
-          if (ext === '.js') {
-            let root = info.descriptionFileRoot
-            let name = 'nativeComponent'
-            if (info.descriptionFileData) {
-              if (info.descriptionFileData.miniprogram) {
-                root = path.join(root, info.descriptionFileData.miniprogram)
-              }
-              if (info.descriptionFileData.name) {
-                // 去掉name里面的@符号，因为支付宝不支持文件路径上有@
-                name = info.descriptionFileData.name.split('@').join('')
-              }
-            }
-            const resourceName = path.join(parsed.dir, parsed.name)
-            let relativePath = path.relative(root, resourceName)
-            outputPath = path.join('components', name + pathHash(root), relativePath)
-          } else {
-            outputPath = getOutputPath(resourcePath, 'component')
-          }
-          const componentPath = toPosix(outputPath)
-          pluginEntry.publicComponents[name] = componentPath
-          // 与json-compiler处理组件的行为表现一致
-          resource = addQuery(resource, {
-            packageName: 'main'
-          })
-          if (ext === '.js') {
-            resource = '!!' + nativeLoaderPath + '!' + resource
-          }
-          currentEntry.addChild(getEntryNode(resource, 'Component'))
-          // 如果之前已经创建了入口，直接return
-          if (componentsMap[resourcePath] === componentPath) return callback()
-          componentsMap[resourcePath] = componentPath
-          addEntrySafely(resource, componentPath, callback)
-        })
-      }, callback)
-    }.bind(this, pluginEntry.publicComponents)
-  }
-
-  if (pluginEntry.pages) {
-    // 处理 pages
-    if (mpx.srcMode === 'ali') { // 处理ali
-      let pagesMap = pluginEntry.publicPages
-      pluginEntry.pages = pluginEntry.pages.reduce((cur, val, index) => {
-        if (!Object.values(pagesMap).includes(val)) { // no export page
-          cur[`${NO_EXPORT}${index}`] = val
-        }
-        return cur
-      }, pagesMap)
-    }
-    processPages = function (pages, callback) {
-      async.forEachOf(pages, (page, name, callback) => {
-        let aliasPath = ''
-        if (typeof page !== 'string') {
-          aliasPath = page.path
-          page = page.src
-        }
-        if (!isUrlRequest(page)) return callback()
-        if (resolveMode === 'native') {
-          page = urlToRequest(page)
-        }
-        resolve(context, page, (err, resource) => {
-          if (err) return callback(err)
-          const { resourcePath } = parseRequest(resource)
-          const ext = path.extname(resourcePath)
-          // 获取pageName
-          let pageName
-          if (aliasPath) {
-            pageName = toPosix(aliasPath)
-            // 判断 key 存在重复情况直接报错
-            for (let key in pagesMap) {
-              if (pagesMap[key] === pageName && key !== resourcePath) {
-                emitError(`Current page [${resourcePath}] registers a conflict page path [${pageName}] with existed page [${key}], which is not allowed, please rename it!`)
-                return callback()
-              }
-            }
-          } else {
-            const relative = path.relative(context, resourcePath)
-            pageName = toPosix(/^(.*?)(\.[^.]*)?$/.exec(relative)[1])
-            if (/^\./.test(pageName)) {
-              // 如果当前page不存在于context中，插件模式下报错
-              emitError(`Current page [${resourcePath}] is not in current pages directory [${context}], which is not allowed in plugin mode!`)
-              return callback()
-            }
-            // 如果当前page与已有page存在命名冲突，插件模式下报错
-            for (let key in pagesMap) {
-              if (pagesMap[key] === pageName && key !== resourcePath) {
-                emitError(`Current page [${resourcePath}] is registered with a conflict page path [${pageName}], which is already existed in system, which is not allowed in plugin mode!`)
-                return callback()
-              }
-            }
-          }
-          if (ext === '.js') {
-            resource = '!!' + nativeLoaderPath + '!' + resource
-          }
-          // 如果之前已经创建了入口，直接return
-          if (pagesMap[resourcePath]) {
-            emitWarning(`Current page [${resourcePath}] which is imported from [${this.resourcePath}] has been registered in pagesMap already, it will be ignored, please check it and remove the redundant page declaration!`)
-            return callback()
-          }
-          currentEntry.addChild(getEntryNode(resource, 'Page'))
-          pagesMap[resourcePath] = pageName
-          pluginEntry.pages[name] = pageName
-          addEntrySafely(resource, pageName, callback)
-        })
-      }, callback)
-    }.bind(this, pluginEntry.pages)
-  }
-
-  async.parallel([processMain, processComponents, processPages], callback)
-}

package/lib/staticConfig.js

@@ -1,4 +0,0 @@
-module.exports = {
-  MPX_ROOT_VIEW: 'mpx-root-view', // 根节点类名
-  MPX_APP_MODULE_ID: 'mpx-app-scope' // app文件moduleId
-}

package/lib/utils/get-main-compilation.js

@@ -1,6 +0,0 @@
-module.exports = function (compilation) {
-  while (compilation.compiler.parentCompilation) {
-    compilation = compilation.compiler.parentCompilation
-  }
-  return compilation
-}

package/lib/utils/read-json-for-src.js

@@ -1,34 +0,0 @@
-const parseRequest = require('./parse-request')
-const mpxJSON = require('./mpx-json')
-const getMainCompilation = require('./get-main-compilation')
-
-module.exports = function readJsonForSrc (src, loaderContext, callback) {
-  const fs = loaderContext._compiler.inputFileSystem
-  const mpx = getMainCompilation(loaderContext._compilation).__mpx__
-  const defs = mpx.defs
-  const resolve = (context, request, callback) => {
-    const { queryObj } = parseRequest(request)
-    context = queryObj.context || context
-    return loaderContext.resolve(context, request, callback)
-  }
-
-  resolve(loaderContext.context, src, (err, result) => {
-    if (err) return callback(err)
-    const { rawResourcePath: resourcePath } = parseRequest(result)
-    loaderContext.addDependency(resourcePath)
-    fs.readFile(resourcePath, (err, content) => {
-      if (err) {
-        return callback(err)
-      }
-      content = content.toString('utf-8')
-      if (resourcePath.endsWith('.json.js')) {
-        try {
-          content = mpxJSON.compileMPXJSONText({ source: content, defs, filePath: resourcePath })
-        } catch (e) {
-          return callback(e)
-        }
-      }
-      callback(null, content)
-    })
-  })
-}

package/lib/utils/try-require.js

@@ -1,16 +0,0 @@
-const cwd = process.cwd()
-const resolve = require('resolve')
-
-module.exports = function tryRequire (dep) {
-  let fromCwd
-  try {
-    fromCwd = resolve.sync(dep, { basedir: cwd })
-  } catch (e) {}
-  if (fromCwd) {
-    return require(fromCwd)
-  } else {
-    try {
-      return require(dep)
-    } catch (e) {}
-  }
-}

package/lib/wxss/getImportPrefix.js

@@ -1,30 +0,0 @@
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-  Modified by @hiyuki
-*/
-const normalize = require('../utils/normalize')
-const extractorPath = normalize.lib('extractor')
-const toPosix = require('../utils/to-posix')
-
-module.exports = function getImportPrefix (loaderContext, extract) {
-  const selectorIndex = loaderContext.loaders.findIndex(({ path }) => {
-    // 兼容windows路径
-    return toPosix(path).indexOf('@mpxjs/webpack-plugin/lib/selector') !== -1
-  })
-  let loadersRequest = loaderContext.loaders.slice(
-    loaderContext.loaderIndex,
-    selectorIndex !== -1 ? selectorIndex : undefined
-  ).map(function (x) {
-    return x.request
-  }).join('!')
-  if (extract) {
-    loadersRequest = extractorPath + '?' +
-      JSON.stringify({
-        type: 'styles',
-        index: -1,
-        fromImport: true
-      }) + '!' + loadersRequest
-  }
-  return '-!' + loadersRequest + '!'
-}