Migrate Component Bundle Files
The component bundle file structure is different for the Aura programming model versus the Lightning Web Components programming model.
Here's how the files map between the two programming models.
| Resource | Aura File | Lightning Web Components File | See Also |
|---|---|---|---|
| Markup | sample.cmp | sample.html | Component HTML File |
| Controller | sampleController.js | sample.js | Component JavaScript File |
| Helper | sampleHelper.js | sample.js | Lightning Components Developer Guide: Helpers |
| Renderer | sampleRenderer.js | sample.js | Lightning Components Developer Guide: Renderers |
| CSS | sample.css | sample.css | Component CSS File |
| Documentation | sample.auradoc | Not currently available | Lightning Components Developer Guide: Component Documentation |
| Design | sample.design | sample.js-meta.xml | Component Configuration File |
| SVG | sample.svg | Not currently available | Lightning Components Developer Guide: Custom Icons |
The controller, helper, and renderer files in an Aura component map to one JavaScript file in a Lightning web component.