@carv/snowpack-plugin-rollup
v1.4.1@carv/snowpack-plugin-rollup
Use rollup to bundle your application for production.
npm install --save-dev @carv/snowpack-plugin-rollup
// snowpack.config.json
{
"plugins": ["@carv/snowpack-plugin-rollup"]
}
Features
CSS files are injected into the document head via a style tag.
Converts JSON files to ES6 modules.
Converts YAML files to ES6 modules.
All other imported files copied and are exported using the URL path.
import img from './image.png' // img === 'http://host.name/assets/image-hash.png'
Default Build Script
{
"scripts": {"bundle:*": "@carv/snowpack-plugin-rollup"}
}
Plugin Options
None
Generated Package Contents
Directory | Format | Target | Svelte | package.json field | Used by |
---|---|---|---|---|---|
node/cjs |
cjs | es2019 | dev: false, ssr: true |
main && exports.require |
Node.JS for Server Side Rendering |
node/esm |
esm | es2019 | dev: false, ssr: true |
exports.default |
Node.JS for Server Side Rendering |
node/jest |
cjs | es2019 | dev: true |
exports.jest |
Jest |
browser/esnext |
esm | esnext | dev: false |
esnext |
Carv CDN and specially configured bundlers |
browser/es2015 |
esm | es2015 | dev: false |
module |
Bundlers like rollup or CDN networks |
browser/snowpack |
esm | es2020 | dev: true |
browser:module |
snowpack.dev |
types |
esm | esnext | typed | types |
Typescript definitions |
All assets are put into assets
directory.
We are not using the
svelte
package.json field. This field is used by therollup-plugin-svelte
to transpile*.svelte
files innode_modules
. Furthermore this would require to copy the wholesrc
directory. If any dependency uses a svelte preprocessor each project would need to setup svelte preprocess in the same way.
npm i @carv/snowpack-plugin-rollup
Metadata
- MIT
- >=12.4
- Sascha Tandel
- released 8/24/2020