const path = require('path') const hash = require('hash-sum') const parser = require('@babel/parser') const { parseComponent, compile, compileToFunctions, ssrCompile, ssrCompileToFunctions } = require('@dcloudio/vue-cli-plugin-uni/packages/vue-template-compiler') const traverseScript = require('./script/traverse') const generateScript = require('./script/generate') const traverseTemplate = require('./template/traverse') const generateTemplate = require('./template/generate') const compilerModule = require('./module') const compilerAlipayModule = require('./module-alipay') const compilerToutiaoModule = require('./module-toutiao') const generateCodeFrame = require('./codeframe') const { isComponent, isUnaryTag } = require('./util') const { module: autoComponentsModule, compileTemplate } = require('./auto-components') const isWin = /^win/.test(process.platform) const normalizePath = path => (isWin ? path.replace(/\\/g, '/') : path) module.exports = { compile (source, options = {}) { if ( // 启用摇树优化后,需要过滤内置组件 !options.autoComponentResourcePath || options.autoComponentResourcePath.indexOf('@dcloudio/uni-h5/src') === -1 ) { (options.modules || (options.modules = [])).push(autoComponentsModule) } // transformAssetUrls (options.modules || (options.modules = [])).push(require('./asset-url')) options.isUnaryTag = isUnaryTag // 将 autoComponents 挂在 isUnaryTag 上边 options.isUnaryTag.autoComponents = new Set() options.preserveWhitespace = false if (options.service) { (options.modules || (options.modules = [])).push(require('./app/service')) options.optimize = false // 启用 staticRenderFns // domProps => attrs options.mustUseProp = () => false options.isReservedTag = (tagName) => !isComponent(tagName) // 非组件均为内置 options.getTagNamespace = () => false try { return compileTemplate(source, options, compile) } catch (e) { console.error(source) throw e } } else if (options.view) { (options.modules || (options.modules = [])).push(require('./app/view')) options.optimize = false // 暂不启用 staticRenderFns options.isUnaryTag = isUnaryTag options.isReservedTag = (tagName) => false // 均为组件 try { return compileTemplate(source, options, compile) } catch (e) { console.error(source) throw e } } else if (options['quickapp-native']) { // 后续改版,应统一由具体包实现 (options.modules || (options.modules = [])).push(require('@dcloudio/uni-quickapp-native/lib/compiler-module')) } if (!options.mp) { // h5,quickapp-native return compileTemplate(source, options, compile) } (options.modules || (options.modules = [])).push(compilerModule) if (options.mp.platform === 'mp-alipay') { options.modules.push(compilerAlipayModule) } else if (options.mp.platform === 'mp-toutiao') { options.modules.push(compilerToutiaoModule) } const res = compileTemplate(source, Object.assign(options, { optimize: false }), compile) options.mp.platform = require('./mp')(options.mp.platform) options.mp.scopeId = options.scopeId options.mp.resourcePath = options.resourcePath if (options.resourcePath) { options.mp.hashId = hash(options.resourcePath) } else { options.mp.hashId = '' } options.mp.globalUsingComponents = options.globalUsingComponents || Object.create(null) options.mp.filterModules = Object.keys(options.filterModules || {}) // (可用的原生微信小程序组件,global+scoped) options.mp.wxComponents = options.wxComponents || Object.create(null) const state = { ast: {}, script: '', template: '', errors: new Set(), tips: new Set(), options: options.mp } // console.log(`function render(){${res.render}}`) const ast = parser.parse(`function render(){${res.render}}`) let template = '' try { res.render = generateScript(traverseScript(ast, state), state) template = generateTemplate(traverseTemplate(ast, state), state) } catch (e) { console.error(e) throw new Error('Compile failed at ' + options.resourcePath.replace( path.extname(options.resourcePath), '.vue' )) } res.specialMethods = state.options.specialMethods || new Set() delete state.options.specialMethods res.files = state.files || {} delete state.files // resolve scoped slots res.generic = state.generic || [] delete state.generic // define scoped slots res.componentGenerics = state.componentGenerics || {} delete state.componentGenerics state.errors.forEach(msg => { res.errors.push({ msg }) }) const resourcePath = options.resourcePath.replace(path.extname(options.resourcePath), '') state.tips.forEach(msg => { console.log(`提示:${msg} at ${resourcePath}.vue:1`) }) /** * TODO * 方案0.最佳方案是在 loader 中直接 emitFile,但目前 vue template-loader 不好介入,自定义的 compiler 结果又无法顺利返回给 loader * 方案1.通过 loader 传递 emitFile 来提交生成 wxml,需要一个 template loader 来给自定义 compier 增加 emitFile * 方案2.缓存 wxml 内容,由 plugin 生成 assets 来提交生成 wxml * ...暂时使用方案1 */ if (options.emitFile) { // cache if (process.env.UNI_USING_CACHE) { const oldEmitFile = options.emitFile process.UNI_CACHE_TEMPLATES = {} options.emitFile = function emitFile (name, content) { const absolutePath = path.resolve(process.env.UNI_OUTPUT_DIR, name) process.UNI_CACHE_TEMPLATES[absolutePath] = content oldEmitFile(name, content) } } if (options.updateSpecialMethods) { options.updateSpecialMethods(resourcePath, [...res.specialMethods]) } const filterTemplate = [] options.mp.filterModules.forEach(name => { const filterModule = options.filterModules[name] if (filterModule.type !== 'renderjs' && filterModule.attrs.lang !== 'renderjs') { if ( filterModule.attrs && filterModule.attrs.src && filterModule.attrs.src.indexOf('@/') === 0 ) { const src = filterModule.attrs.src filterModule.attrs.src = normalizePath(path.relative( path.dirname(resourcePath), src.replace('@/', '') )) } filterTemplate.push( options.mp.platform.createFilterTag( options.filterTagName, filterModule ) ) } }) if (filterTemplate.length) { template = filterTemplate.join('\n') + '\n' + template } if ( process.UNI_ENTRY[resourcePath] && process.env.UNI_PLATFORM !== 'app-plus' && process.env.UNI_PLATFORM !== 'h5' ) { // 检查是否启用 shadow let colorType = false const pageJsonStr = options.getJsonFile(resourcePath) if (pageJsonStr) { try { const windowJson = JSON.parse(pageJsonStr) if (process.env.UNI_PLATFORM === 'mp-alipay') { colorType = windowJson.allowsBounceVertical === 'NO' && windowJson.navigationBarShadow && windowJson.navigationBarShadow.colorType } else { colorType = windowJson.disableScroll && windowJson.navigationBarShadow && windowJson.navigationBarShadow.colorType } } catch (e) {} } if (colorType) { template = options.getShadowTemplate(colorType) + template } } options.emitFile(options.resourcePath, template) if (res.files) { Object.keys(res.files).forEach(name => { options.emitFile(name, res.files[name]) }) } if (state.options.usingGlobalComponents) { options.updateUsingGlobalComponents( resourcePath, state.options.usingGlobalComponents ) } if ( res.generic && res.generic.length && options.updateGenericComponents ) { options.updateGenericComponents( resourcePath, res.generic ) } if ( res.componentGenerics && Object.keys(res.componentGenerics).length && options.updateComponentGenerics ) { options.updateComponentGenerics( resourcePath, res.componentGenerics ) } } else { res.template = template } return res }, parseComponent, compileToFunctions, ssrCompile, ssrCompileToFunctions, generateCodeFrame }