课程章节介绍
同学们,我们现在来讲讲静态资源,这可是把外部文件和咱们的Lightning Web组件绑在一起最主要的方法。
你可以把静态资源想象成一个“包裹”,里面可以装很多类型的东西,比如压缩包(像Zip、jar文件),图片,样式表,JavaScript脚本,还有其他各种文件。你把这些东西打包成一个静态资源,然后组件就能很方便地引用它们了。
怎么创建呢?很简单,在Setup里找到静态资源,新建一个。首先得给它起个唯一的名字,名字有规矩:只能用字母、数字和下划线,必须以字母开头,不能有空格,也不能连续用两个下划线。比如“my_logo_png”就是合法的,但“my-logo”不行,因为它有横杠。起好名字之后,你可以加点描述,让人明白这是干啥的。
然后,从本地电脑选个文件上传,文件大小不能超过5MB,一个组织里所有静态资源加起来不能超过250MB。上传时要留意缓存设置,有两种:选“Private”,那资源就是跟每个用户的会话绑定的,每个用户都要重新加载一次,比较安全;选“Public”,资源就能在用户之间共享,而且被缓存之后,甚至没登录的互联网流量都能访问,公开性更强。一般我们放Logo、公共CSS这些就用Public。
在咱们的Salesforce DX项目里,静态资源文件要放到特定目录:force-app/main/default/staticresources。注意,这里是staticresources,一个词。放进去的时候,每个静态资源会有一个本体文件(比如一个zip),还有一个同名的.resource-meta.xml配套文件,描述了它的配置。
有个重要的限制要记住:你不能在静态资源里建子目录,它没有文件夹结构。如果你要模拟目录,得用zip包,把文件按路径打好包,然后通过路径来引用里面的文件。不过在静态资源本身上传的层面,是平铺的。
好了,关于静态资源的基本知识就这些。现在大家明白怎么把图片、样式等外部文件带进组件里了吧?下节课我们来看怎么在组件中引用它们。
关键词
LWC
Lightning Web Components
Salesforce