Live Preview — Considerations & Limitations

好，同学们，这节课我们聊聊一个在日常开发中特别实用的功能——Live Preview。 你可以把它想象成一个实时反馈的工具，帮你在开发Lightning Web Components时快速看到改动效果，而不用每次都手动部署，节省大量时间。 那它到底能自动加载哪些修改呢？简单来说，如果你只是改了最基础的HTML或者CSS，比如调个颜色、改个排版，它会自动刷新。如果你添加了一个新的组件引用，或者修改了不改变公共API的JavaScript内部逻辑，它也能自动更新。还有，从25年春季版本开始，如果你在项目里新增或删除了文件，它也能自动检测到，非常聪明。 但是，有些改动就需要你手动刷新了。比如你给组件新增了一个对外的@api属性——因为这影响组件的公共接口，Live Preview不会自动加载。涉及电线适配器（wire adapter）的变动、新添加的@salesforce导入，或者对.js-meta.xml元数据文件做了修改，这些也需要你自己点一下刷新按钮，让预览更新。 再来看预览的方式。如果你是看整个应用程序或者网站的预览，那需要先部署你的改动，然后重启本地服务器，才会生效。而如果你只是预览单个组件，那就简单多了，直接在浏览器里刷新一下页面就可以。 还有几点需要知道。Live Preview目前只支持Lightning Web Components，不支持老的Aura组件。从25年春季之后，构建出来的东西也不会再存到静态资源里了，文件增删会自动检测，不用你额外操作。但要注意，如果你要预览的是一个着陆页面，这个功能是做不到的。 那这个功能在工作流里真的帮了大忙，记住它能自动加载什么、什么需要手动刷新，开发起来会顺手很多。有什么问题随时问，我们接着往下。