Cep Svelte Starter
Basic starter for Svelte in Adobe CEP using Webpack
Overview:
Svelte Starter is a simple starter for Svelte in Adobe CEP (Common Extensibility Platform) using Webpack. It includes various features such as bundling Extendscript, Javascript, and Svelte code, generating manifest.xml and .debug files automatically, supporting multiple extensions in the extension bundle, including Adobe's Spectrum CSS, and more. It also provides instructions for installation and troubleshooting.
Features:
- Bundles Extendscript, Javascript, and Svelte code
- Automatically generates manifest.xml and .debug files
- Supports multiple extensions in the extension bundle
- Allows separate Extendscript files for each Adobe CC app
- Includes Adobe's Spectrum CSS
- Symlinks the panel to the extensions folder
- Sets the CSXS debug flags
- Watches files for changes
- Does HMR (Hot Module Replacement)
- Extracts CSS from Svelte components to a single CSS file
Summary:
Svelte Starter is a convenient and easy-to-use starter for Svelte in Adobe CEP. It offers various features such as bundling different types of code, generating essential files, supporting multiple extensions, and more. The installation process is straightforward, and there is also a troubleshooting section provided for some potential issues. Overall, it provides a solid foundation for developing Svelte applications within Adobe CEP using Webpack.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.