刮刮前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

262 lines
8.9 KiB

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 { // 删除用于临时记录的属性
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',
'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))
}