Meteor with Webpack in 2018 — Faster compilation and better source handling

1. offline-plugin

   1 2 4,517 0.0 JavaScript

   Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)

   

   For example, you have a Progressive Web Application using Service Workers, written in Angular, then you have to create a service worker manifest based on your output files. We don’t have a solution for this on Meteor CLI natively. However, Webpack has a lot of community plugins such as OfflinePlugin , Workbox and many others for this problem as a solution. Just install them, and add to your webpack.config.js . Meteor-Webpack will handle it like you’re working on a pure Webpack project.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. webpack-dev-middleware

   2 3 2,509 8.9 JavaScript

   A development middleware for webpack

   

   Meteor-Webpack integrates webpack-dev-middleware and webpack-hot-middleware to benefit HMR in your project. The only thing you have to do is enabling this feature just like any other Webpack project;

4. webpack-hot-middleware

   3 2 2,355 4.6 JavaScript

   Webpack hot reloading you can attach to your own server

   

   Meteor-Webpack integrates webpack-dev-middleware and webpack-hot-middleware to benefit HMR in your project. The only thing you have to do is enabling this feature just like any other Webpack project;

5. webpack-hot-server-middleware

   4 1 324 0.0 JavaScript

   :fire: Hot reload webpack bundles on the server

   

   Also, you can use HMR for server side. Meteor-Webpack supports webpack-hot-server-middleware , that replaces changed modules on your server without restarting all Meteor server. This also provides a lot of benefits on development.

6. meteor-webpack

   5 1 123 0.0 JavaScript

   https://medium.com/@ardatan/meteor-with-webpack-in-2018-faster-compilation-better-source-handling-benefit-from-bc5ccc5735ef

   

   There are more examples in the repository; https://github.com/ardatan/meteor-webpack

7. webpack

   6 367 65,274 9.8 JavaScript

   A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

   

   Webpack is a great bundler to compile your code including view templates, assets and the all stuff on your application.

8. angular-cli

   7 95 26,908 9.9 TypeScript

   CLI tool for Angular

   

   Other example is server-side rendering. Angular CLI is based on Webpack, and the project can be compiled for SSR by Angular CLI; but you need a different server application to serve your Angular Universal application seperate from Meteor backend. By using Meteor-Webpack, it is possible only by ejecting Angular CLI’s webpack.config.js , and use it on Meteor project.

9. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

Suggest a related project