跳到主要內容

發表文章

目前顯示的是 2025的文章

Lit 元件強制刷新 Lit Web Component forced refresh

    @state() forceUpdate: boolean = false;     render() {         if (this.forceUpdate) {             return nothing;         }     }     /** 強制刷新 by mowei */     async forceRequestUpdate() {         this.forceUpdate = true;         this.requestUpdate();         await this.updateComplete;         this.forceUpdate = false;     }

編譯 Lit bundle js

package.json { "name": "lit-bundle-build", "type": "module", "scripts": { "build": "rollup -c" }, "dependencies": { "lit": "^3.3.0" }, "devDependencies": { "@rollup/plugin-commonjs": "^28.0.6", "@rollup/plugin-node-resolve": "^16.0.1", "@rollup/plugin-terser": "^0.4.4", "rollup": "^4.44.1" } } rollup.config.js import { defineConfig } from 'rollup'; import resolve from '@rollup/plugin-node-resolve'; import commonjs from '@rollup/plugin-commonjs'; import terser from '@rollup/plugin-terser'; export default defineConfig({ input: 'entry-bundle.js', output: { file: 'dist/lit-all.bundle.js', format: 'esm', sourcemap: false , plugins:[terser({ format:{ comments:false ...