📦A dynamic module federation built with Svelte

Installation

Clone this repo and npm install.

npm i

Usage

Development server

npm start

You can view the development server at localhost:8080

Production build

npm run build

You can view the deploy by creating a server in dist

npm run serve

Features

• svelte
• webpack
• Babel
• Typescript
• Sass
• PostCSS

Dependencies

svelte

• svelte - A framework for making user interfaces
• svelte-routing - Routing in Svelte

Webpack

• webpack - Module and asset bundler.
• webpack-cli - Command line interface for webpack
• webpack-dev-server - Development server for webpack
• webpack-merge - Simplify development/production configuration
• cross-env - Cross platform configuration

Babel

• @babel/core - Transpile ES6+ to backwards compatible JavaScript
• @babel/preset-env - Smart defaults for Babel
• @babel/plugin-transform-runtime - Babel to use async/await
• @babel/plugin-proposal-object-rest-spread - Babel helper
• @babel/plugin-transform-arrow-functions - For arrow functions
• @babel/plugin-transform-async-to-generator - Generator for async/await
• @babel/plugin-proposal-class-properties - Use properties on a class

Typescript

• typescript - TypeScript is a language for application-scale JavaScript

Loaders

• babel-loader - Transpile files with Babel and webpack
• sass-loader - Load SCSS and compile to CSS
  • sass - Node Sass
• postcss-loader - Process CSS with PostCSS
  • postcss-preset-env - Sensible defaults for PostCSS
• css-loader - Resolve CSS imports
• style-loader - Inject CSS into the DOM
• svelte-loader - webpack loader for Svelte Single-File Components
• ts-loader - TypeScript loader for webpack

Plugins

• clean-webpack-plugin - Remove/clean build folders
• copy-webpack-plugin - Copy files to build directory
• html-webpack-plugin - Generate HTML files from template
• mini-css-extract-plugin - Extract CSS into separate files
• css-minimizer-webpack-plugin - Optimize and minimize CSS assets

Linters

• eslint - Enforce styleguide across application
• eslint-import-resolver-webpack - Throw exceptions for import/export in webpack
• eslint-config-standard-with-typescript - An ESLint shareable config for TypeScript that is based on eslint-config-standard and has TypeScript specific rules from @typescript-eslint/eslint-plugin

Other

• serve - Static file serving and directory listing

Author

• Kirill Lahtachev

License

This project is open source and available under the MIT License.