266 lines
9.1 KiB
JavaScript
266 lines
9.1 KiB
JavaScript
const path = require('path')
|
||
|
||
const {
|
||
normalizePath
|
||
} = require('@dcloudio/uni-cli-shared')
|
||
|
||
const {
|
||
getPageSet,
|
||
getJsonFileMap,
|
||
getChangedJsonFileMap,
|
||
supportGlobalUsingComponents
|
||
} = require('@dcloudio/uni-cli-shared/lib/cache')
|
||
|
||
const { createSource } = require('../shared')
|
||
|
||
// 主要解决 extends 且未实际引用的组件
|
||
const EMPTY_COMPONENT = 'Component({})'
|
||
|
||
const usingComponentsMap = {}
|
||
|
||
// 百度小程序动态组件库 usingSwanComponents 引用组件
|
||
const mpBaiduDynamicLibs = [
|
||
'dynamicLib://editorLib/editor',
|
||
'dynamicLib://echartsLib/chart',
|
||
'dynamicLib://myModelviewer/modelviewer',
|
||
'dynamicLib://myDynamicLib/panoviewer',
|
||
'dynamicLib://myDynamicLib/spintileviewer',
|
||
'dynamicLib://myDynamicLib/vrvideo'
|
||
]
|
||
|
||
const AnalyzeDependency = require('@dcloudio/uni-mp-weixin/lib/independent-plugins/optimize-components-position/index')
|
||
|
||
function analyzeUsingComponents () {
|
||
if (!process.env.UNI_OPT_SUBPACKAGES) {
|
||
return
|
||
}
|
||
const pageSet = getPageSet()
|
||
const jsonFileMap = getJsonFileMap()
|
||
|
||
// 生成所有组件引用关系
|
||
for (const name of jsonFileMap.keys()) {
|
||
const jsonObj = JSON.parse(jsonFileMap.get(name))
|
||
const usingComponents = jsonObj.usingComponents
|
||
if (!usingComponents || !pageSet.has(name)) {
|
||
continue
|
||
}
|
||
// usingComponentsMap[name] = {}
|
||
|
||
Object.keys(usingComponents).forEach(componentName => {
|
||
const componentPath = usingComponents[componentName].slice(1)
|
||
if (!usingComponentsMap[componentPath]) {
|
||
usingComponentsMap[componentPath] = new Set()
|
||
}
|
||
usingComponentsMap[componentPath].add(name)
|
||
})
|
||
}
|
||
|
||
const subPackageRoots = Object.keys(process.UNI_SUBPACKAGES)
|
||
|
||
const findSubPackage = function (pages) {
|
||
const pkgs = new Set()
|
||
for (let i = 0; i < pages.length; i++) {
|
||
const pagePath = pages[i]
|
||
const pkgRoot = subPackageRoots.find(root => pagePath.indexOf(root) === 0)
|
||
if (!pkgRoot) { // 被非分包引用
|
||
return false
|
||
}
|
||
pkgs.add(pkgRoot)
|
||
if (pkgs.size > 1) { // 被多个分包引用
|
||
return false
|
||
}
|
||
}
|
||
return [...pkgs][0]
|
||
}
|
||
|
||
Object.keys(usingComponentsMap).forEach(componentName => {
|
||
const subPackage = findSubPackage([...usingComponentsMap[componentName]])
|
||
if (subPackage && componentName.indexOf(subPackage) !== 0) { // 仅存在一个子包引用且未在该子包
|
||
console.warn(`自定义组件 ${componentName} 建议移动到子包 ${subPackage} 内`)
|
||
}
|
||
})
|
||
|
||
// 生成所有组件递归引用关系
|
||
// Object.keys(usingComponentsMap).forEach(name => {
|
||
// Object.keys(usingComponentsMap[name]).forEach(componentName => {
|
||
// const usingComponents = usingComponentsMap[componentName.slice(1)]
|
||
// if (usingComponents) {
|
||
// usingComponentsMap[name][componentName] = usingComponents
|
||
// }
|
||
// })
|
||
// })
|
||
//
|
||
// // 生成页面组件引用关系
|
||
// const pageSet = getPageSet()
|
||
// const pagesUsingComponents = Object.keys(usingComponentsMap).reduce((pages, name) => {
|
||
// if (pageSet.has(name)) {
|
||
// pages[name] = usingComponentsMap[name]
|
||
// }
|
||
// return pages
|
||
// }, {})
|
||
}
|
||
|
||
const parseRequirePath = path => /^[A-z]/.test(path) ? `./${path}` : path
|
||
|
||
function normalizeUsingComponents (file, usingComponents) {
|
||
const names = Object.keys(usingComponents)
|
||
if (!names.length) {
|
||
return usingComponents
|
||
}
|
||
file = path.dirname('/' + file)
|
||
names.forEach(name => {
|
||
usingComponents[name] = normalizePath(parseRequirePath(path.relative(file, usingComponents[name])))
|
||
})
|
||
return usingComponents
|
||
}
|
||
|
||
const cacheFileMap = new Map()
|
||
module.exports = function generateJson (compilation) {
|
||
analyzeUsingComponents()
|
||
|
||
const emitFileMap = new Map([...cacheFileMap])
|
||
const jsonFileMap = getChangedJsonFileMap()
|
||
for (const name of jsonFileMap.keys()) {
|
||
const jsonObj = JSON.parse(jsonFileMap.get(name))
|
||
if (process.env.UNI_PLATFORM === 'app-plus') { // App平台默认增加usingComponents,激活__wxAppCode__
|
||
jsonObj.usingComponents = jsonObj.usingComponents || {}
|
||
}
|
||
// customUsingComponents
|
||
if (jsonObj.customUsingComponents && Object.keys(jsonObj.customUsingComponents).length) {
|
||
jsonObj.usingComponents = Object.assign(jsonObj.customUsingComponents, jsonObj.usingComponents)
|
||
}
|
||
delete jsonObj.customUsingComponents
|
||
// usingGlobalComponents
|
||
if (!supportGlobalUsingComponents && jsonObj.usingGlobalComponents && Object.keys(jsonObj.usingGlobalComponents).length) {
|
||
jsonObj.usingComponents = Object.assign(jsonObj.usingGlobalComponents, jsonObj.usingComponents)
|
||
}
|
||
|
||
// usingAutoImportComponents
|
||
if (jsonObj.usingAutoImportComponents && Object.keys(jsonObj.usingAutoImportComponents).length) {
|
||
jsonObj.usingComponents = Object.assign(jsonObj.usingAutoImportComponents, jsonObj.usingComponents)
|
||
}
|
||
delete jsonObj.usingAutoImportComponents
|
||
|
||
// 百度小程序插件内组件使用 usingSwanComponents
|
||
if (process.env.UNI_PLATFORM === 'mp-baidu') {
|
||
const usingComponents = jsonObj.usingComponents || {}
|
||
Object.keys(usingComponents).forEach(key => {
|
||
const value = usingComponents[key]
|
||
if (value.includes('://')) {
|
||
/**
|
||
* 部分动态库组件（如：editor）使用‘usingSwanComponents’ 引入
|
||
* 部分动态库组件（如：swan-sitemap-list）使用'usingComponents'引入
|
||
* 做白名单机制
|
||
*/
|
||
if (mpBaiduDynamicLibs.includes(value)) {
|
||
delete usingComponents[key]
|
||
jsonObj.usingSwanComponents = jsonObj.usingSwanComponents || {}
|
||
jsonObj.usingSwanComponents[key] = value
|
||
}
|
||
}
|
||
})
|
||
}
|
||
// fix mp-alipay plugin
|
||
if (process.env.UNI_PLATFORM === 'mp-alipay' && name !== 'app.json') {
|
||
const usingComponents = jsonObj.usingComponents || {}
|
||
if (Object.values(usingComponents).find(value => value.startsWith('plugin://'))) {
|
||
const componentName = 'plugin-wrapper'
|
||
usingComponents[componentName] = '/' + componentName
|
||
}
|
||
}
|
||
|
||
if (jsonObj.genericComponents && jsonObj.genericComponents.length) { // scoped slots
|
||
// 生成genericComponents json
|
||
const genericComponents = Object.create(null)
|
||
|
||
const scopedSlotComponents = []
|
||
jsonObj.genericComponents.forEach(genericComponentName => {
|
||
const genericComponentFile = normalizePath(
|
||
path.join(path.dirname(name), genericComponentName + '.json')
|
||
)
|
||
genericComponents[genericComponentName] = '/' +
|
||
genericComponentFile.replace(
|
||
path.extname(genericComponentFile), ''
|
||
)
|
||
scopedSlotComponents.push(genericComponentFile)
|
||
})
|
||
|
||
jsonObj.usingComponents = Object.assign(genericComponents, jsonObj.usingComponents)
|
||
|
||
const scopedSlotComponentJson = {
|
||
component: true,
|
||
usingComponents: jsonObj.usingComponents
|
||
}
|
||
|
||
const scopedSlotComponentJsonSource = JSON.stringify(scopedSlotComponentJson, null, 2)
|
||
|
||
scopedSlotComponents.forEach(scopedSlotComponent => {
|
||
compilation.emitAsset(scopedSlotComponent, createSource(scopedSlotComponentJsonSource))
|
||
})
|
||
}
|
||
|
||
delete jsonObj.genericComponents
|
||
|
||
if (process.env.UNI_PLATFORM !== 'app-plus' && process.env.UNI_PLATFORM !== 'h5') {
|
||
delete jsonObj.navigationBarShadow
|
||
}
|
||
|
||
if ((process.env.UNI_SUBPACKGE || process.env.UNI_MP_PLUGIN) && jsonObj.usingComponents) {
|
||
jsonObj.usingComponents = normalizeUsingComponents(name, jsonObj.usingComponents)
|
||
}
|
||
|
||
emitFileMap.set(name, jsonObj)
|
||
cacheFileMap.set(name, JSON.parse(JSON.stringify(jsonObj))) // 做一次拷贝，emitFileMap中内容在后面会被修改
|
||
}
|
||
|
||
// 组件依赖分析
|
||
(new AnalyzeDependency()).init(emitFileMap, compilation)
|
||
|
||
for (const [name, jsonObj] of emitFileMap) {
|
||
if (name === 'app.json') { // 删除manifest.json携带的配置项
|
||
delete jsonObj.insertAppCssToIndependent
|
||
delete jsonObj.independent
|
||
delete jsonObj.copyWxComponentsOnDemand
|
||
if (process.env.UNI_PLATFORM === 'mp-weixin') {
|
||
require('./mp-weixin-uniad-app.json')(jsonObj, process.env.USE_UNI_AD)
|
||
} else if (process.env.UNI_PLATFORM === 'mp-alipay') {
|
||
require('./mp-alipay-uniad-app.json')(jsonObj, process.env.USE_UNI_AD_ALIPAY)
|
||
}
|
||
} else { // 删除用于临时记录的属性
|
||
delete jsonObj.usingGlobalComponents
|
||
}
|
||
emit(name, jsonObj, compilation)
|
||
}
|
||
|
||
if (process.env.UNI_USING_CACHE && jsonFileMap.size) {
|
||
setTimeout(() => {
|
||
require('@dcloudio/uni-cli-shared/lib/cache').store()
|
||
}, 50)
|
||
}
|
||
}
|
||
|
||
function emit (name, jsonObj, compilation) {
|
||
if (jsonObj.usingComponents) {
|
||
jsonObj.usingComponents = Object.assign({}, jsonObj.usingComponents)
|
||
}
|
||
const source = JSON.stringify(jsonObj, null, 2)
|
||
|
||
const jsFile = name.replace('.json', '.js')
|
||
if (
|
||
![
|
||
'app.js',
|
||
'manifest.js',
|
||
'mini.project.js',
|
||
'ascf.config.js',
|
||
'quickapp.config.js',
|
||
'project.config.js',
|
||
'project.swan.js'
|
||
].includes(
|
||
jsFile) &&
|
||
!compilation.getAsset(jsFile)
|
||
) {
|
||
compilation.emitAsset(jsFile, createSource(EMPTY_COMPONENT))
|
||
}
|
||
compilation.emitAsset(name, createSource(source))
|
||
}
|