29 lines
662 B
Markdown
29 lines
662 B
Markdown
|
[https://www.learnui.design/blog/spice-up-designs.html](https://www.learnui.design/blog/spice-up-designs.html)
|
||
|
|
|
||
|
|
# Modules
|
||
|
|
- For splitting files
|
||
|
|
|
||
|
|
## import
|
||
|
|
`import defaultExport from "module-name";`
|
||
|
|
`import { export1, export2 } from "module-name";`
|
||
|
|
|
||
|
|
- Read-only live bindings
|
||
|
|
- Exported from another module
|
||
|
|
- Come in strict mode
|
||
|
|
|
||
|
|
### Dynamic Import
|
||
|
|
- Conditionally or on demand
|
||
|
|
|
||
|
|
`import('/modules/module.js')`
|
||
|
|
`.then((module) => {`
|
||
|
|
`// Do something`
|
||
|
|
`});`
|
||
|
|
|
||
|
|
`let module = await import('/modules/module.js');`
|
||
|
|
|
||
|
|
## Export
|
||
|
|
- Stick in front of statements
|
||
|
|
|
||
|
|
`export const name = 'square';`
|
||
|
|
`export function …`
|
||
|
|
`export { name, draw, reportArea, reportPerimeter };`
|