c9961feee5
* typo - screens not being sent to page save * removed children arg from hydrateChildren (n/a) * initialiseChildren does not rerender unless forced * removed derivatives of initialiseChildren * renamed initialiseChildren > attachChildren * standard-components - refactoring div now container H1, h2... etc now Heading with type Select now takes option as _children * loads of bug fixing * safe props creation anytime props are loaded, we make sure they conform to the components props definition |
||
|---|---|---|
| .. | ||
| dist | ||
| public | ||
| scripts | ||
| src | ||
| .gitignore | ||
| README.md | ||
| components.json | ||
| package.json | ||
| rollup.config.js | ||
| rollup.generatorsconfig.js | ||
| rollup.testconfig.js | ||
README.md
Psst — looking for an app template? Go here --> sveltejs/template
component-template
A base for building shareable Svelte components. Clone it with degit:
npx degit sveltejs/component-template my-new-component
cd my-new-component
npm install # or yarn
Your component's source code lives in src/index.html.
TODO
- some firm opinions about the best way to test components
- update
degitso that it automates some of the setup work
Setting up
- Run
npm init(oryarn init) - Replace this README with your own
Consuming components
Your package.json has a "svelte" field pointing to src/index.html, which allows Svelte apps to import the source code directly, if they are using a bundler plugin like rollup-plugin-svelte or svelte-loader (where resolve.mainFields in your webpack config includes "svelte"). This is recommended.
For everyone else, npm run build will bundle your component's source code into a plain JavaScript module (index.mjs) and a UMD script (index.js). This will happen automatically when you publish your component to npm, courtesy of the prepublishOnly hook in package.json.