-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
19 changed files
with
276 additions
and
83 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,9 @@ | ||
| import './app.mpx' // 直接在html里写app.mpx会有问题，导致dev模式失败，看起来dev模式下入口必须是js | ||
| import Vue from 'vue' | ||
| import App from './app.mpx' | ||
|
|
||
| new Vue({ | ||
| el: '#app', | ||
| render: function (h) { | ||
| return h(App) | ||
| } | ||
| }) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,157 @@ | ||
| import { HmrContext, ModuleNode } from 'vite' | ||
| import _debug from 'debug' | ||
| import { SFCBlock } from './compiler' | ||
| import { ResolvedOptions } from './index' | ||
| import processTemplate, { | ||
| ProcessTemplateResult | ||
| } from './transformer/web/processTemplate' | ||
| import { | ||
| getDescriptor, | ||
| setPrevDescriptor, | ||
| createDescriptor | ||
| } from './utils/descriptorCache' | ||
|
|
||
| export default function ({ modules }: HmrContext): ModuleNode[] { | ||
| return [modules[0]] | ||
| const debug = _debug('vite:hmr') | ||
|
|
||
| /** | ||
| * forked from vite-plugin-vue2 | ||
| * change | ||
| * 1. update script when template buildInComponent change | ||
| * 2. remove custom block | ||
| * 3. remove cssVar | ||
| * 4. remove scriptSetup | ||
| */ | ||
| export default async function handleHotUpdate( | ||
| { modules, file, read }: HmrContext, | ||
| options: ResolvedOptions | ||
| ): Promise<ModuleNode[] | undefined> { | ||
| const prevDescriptor = getDescriptor(file) | ||
| if (!prevDescriptor) { | ||
| return // file hasn't been requested yet (e.g. async component) | ||
| } | ||
| setPrevDescriptor(file, prevDescriptor) | ||
| const content = await read() | ||
| const descriptor = createDescriptor( | ||
| file, | ||
| content, | ||
| { | ||
| app: prevDescriptor.app, | ||
| page: prevDescriptor.page, | ||
| component: prevDescriptor.component | ||
| }, | ||
| options | ||
| ) | ||
| descriptor.jsonConfig = prevDescriptor.jsonConfig | ||
|
|
||
| // TODO: optimize get builtInComponentsMap way | ||
| const templateResult = await processTemplate(descriptor, options) | ||
| descriptor.builtInComponentsMap = templateResult.builtInComponentsMap | ||
|
|
||
| const updateType = [] | ||
| const affectedModules = new Set<ModuleNode | undefined>() | ||
| const mainModule = modules.find( | ||
| (m) => !/type=/.test(m.url) || /type=script/.test(m.url) | ||
| ) | ||
|
|
||
| if ( | ||
| !isEqualBlock(descriptor.script, prevDescriptor.script) || | ||
| !isEqualBuiltInComponent( | ||
| descriptor.builtInComponentsMap, | ||
| prevDescriptor.builtInComponentsMap | ||
| ) | ||
| ) { | ||
| affectedModules.add(mainModule) | ||
| updateType.push('script') | ||
| } | ||
|
|
||
| let needRerender = false | ||
| const templateModule = modules.find((m) => /type=template/.test(m.url)) | ||
|
|
||
| if (!isEqualBlock(descriptor.template, prevDescriptor.template)) { | ||
| affectedModules.add(templateModule) | ||
| needRerender = true | ||
| } | ||
|
|
||
| let didUpdateStyle = false | ||
| const prevStyles = prevDescriptor.styles || [] | ||
| const nextStyles = descriptor.styles || [] | ||
|
|
||
| // force reload if scoped status has changed | ||
| if ( | ||
| prevStyles.some((s) => s.attrs.scoped) !== | ||
| nextStyles.some((s) => s.attrs.scoped) | ||
| ) { | ||
| // template needs to be invalidated as well | ||
| affectedModules.add(templateModule) | ||
| affectedModules.add(mainModule) | ||
| } | ||
|
|
||
| // only need to update styles if not reloading, since reload forces | ||
| // style updates as well. | ||
| for (let i = 0; i < nextStyles.length; i++) { | ||
| const prev = prevStyles[i] | ||
| const next = nextStyles[i] | ||
| if (!prev || !isEqualBlock(prev, next)) { | ||
| didUpdateStyle = true | ||
| const mod = modules.find( | ||
| (m) => | ||
| m.url.includes(`type=style&index=${i}`) && | ||
| m.url.endsWith(`.${next.attrs.lang || 'css'}`) | ||
| ) | ||
| if (mod) { | ||
| affectedModules.add(mod) | ||
| if (mod.url.includes('&inline')) { | ||
| affectedModules.add(mainModule) | ||
| } | ||
| } else { | ||
| // new style block - force reload | ||
| affectedModules.add(mainModule) | ||
| } | ||
| } | ||
| } | ||
|
|
||
| if (prevStyles.length > nextStyles.length) { | ||
| // style block removed - force reload | ||
| affectedModules.add(mainModule) | ||
| } | ||
|
|
||
| if (needRerender) { | ||
| updateType.push(`template`) | ||
| } | ||
|
|
||
| if (didUpdateStyle) { | ||
| updateType.push(`style`) | ||
| } | ||
|
|
||
| if (updateType.length) { | ||
| debug(`[mpx:update(${updateType.join('&')})] ${file}`) | ||
| } | ||
|
|
||
| return [...affectedModules].filter(Boolean) as ModuleNode[] | ||
| } | ||
|
|
||
| export function isEqualBuiltInComponent( | ||
| a: ProcessTemplateResult['builtInComponentsMap'], | ||
| b: ProcessTemplateResult['builtInComponentsMap'] | ||
| ): boolean { | ||
| const keysA = Object.keys(a) | ||
| const keysB = Object.keys(b) | ||
| if (keysA.length !== keysB.length) { | ||
| return false | ||
| } | ||
| return keysA.every((key) => b[key]) | ||
| } | ||
|
|
||
| export function isEqualBlock(a: SFCBlock | null, b: SFCBlock | null): boolean { | ||
| if (!a && !b) return true | ||
| if (!a || !b) return false | ||
| // src imports will trigger their own updates | ||
| if (a.src && b.src && a.src === b.src) return true | ||
| if (a.content !== b.content) return false | ||
| const keysA = Object.keys(a.attrs) | ||
| const keysB = Object.keys(b.attrs) | ||
| if (keysA.length !== keysB.length) { | ||
| return false | ||
| } | ||
| return keysA.every((key) => a.attrs[key] === b.attrs[key]) | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.