September 20, 2023

Syntax: import myXyzResource from ‘@salesforce/resourceUrl/yourNamespace__resourceReference’;

*created static resource named mysource and converted the folder containing image file into zip file and uploaded it.

*if you have folders inside your main folder then add the path like this. Ex- I have images folder inside mysource folder then put like this.

mylogo = mysource + ‘/images/logo.jpg’;

staticResourceLWC.html

<template>
    <lightning-card title="Static Resource LWC Example" >
        <div class="slds-m-around_medium">
            <img src={mylogo}>
        </div>
    </lightning-card>
</template>

staticResourceLWC.js

import { LightningElement } from 'lwc'; 
import mysource from '@salesforce/resourceUrl/mysource'; 
export default class StaticResourceLWC extends LightningElement { 
    mylogo = mysource + 'logo.jpg'; 
}

Communication between components in LWC

 

Navigation in LWC

 

5 2 votes

Article Rating

Subscribe

Login

Notify of

new follow-up comments new replies to my comments

Label

{} [+]

Name*

Email*

Website

Label

{} [+]

Name*

Email*

Website

0 Comments

Oldest

Newest Most Voted

Inline Feedbacks

View all comments