hanami-webpack - A RubyGem to allow you to use the Webpack as your asset pipeline in Hanami.

  •        2

This plugin will help you to use Webpack as your asset pipeline for Hanami with webpack-dev-server for development. It'll work without any problem with your existent assets using the hanami/assets.

https://github.com/samuelsimoes/hanami-webpack

Tags
Implementation
License
Platform

   




Related Projects

awesome-hanami - A collection of awesome Hanami Gems and projects

  •    Ruby

A collection of awesome ruby gems and projects for hanami development. The goal is to help every hanami developer to build an awesome product/service.

router - Ruby/Rack HTTP router

  •    Ruby

Rack compatible, lightweight and fast HTTP Router for Ruby and Hanami. Hanami::Router is designed to work as a standalone framework or within a context of a Hanami application.

hanami - The web, with simplicity.

  •    Ruby

The web, with simplicity. Hanami is a full-stack Ruby web framework. It's made up of smaller, single-purpose libraries.

bootstrap-rubygem - Bootstrap 4 rubygem for Rails / Sprockets / Hanami / etc

  •    Ruby

Bootstrap 4 ruby gem for Ruby on Rails (Sprockets) and Hanami (formerly Lotus). For Sass versions of Bootstrap 3 and 2 see bootstrap-sass instead.

model - Ruby persistence framework with entities and repositories

  •    Ruby

A persistence framework for Hanami. It delivers a convenient public API to execute queries and commands against a database. The architecture eases keeping the business logic (entities) separated from details such as persistence or validations.


html-webpack-plugin - Simplifies creation of HTML files to serve your webpack bundles

  •    Javascript

This is a webpack plugin that simplifies creation of HTML files to serve your webpack bundles. This is especially useful for webpack bundles that include a hash in the filename which changes every compilation. You can either let the plugin generate an HTML file for you, supply your own template using lodash templates or use your own loader. The html-webpack-plugin works without configuration. It's a great addition to the ⚙️ webpack-config-plugins.

webpack-encore - A simple but powerful API for processing & compiling assets built around Webpack

  •    Javascript

Webpack Encore is a simpler way to integrate Webpack into your application. It wraps Webpack, giving you a clean & powerful API for bundling JavaScript modules, pre-processing CSS & JS and compiling and minifying assets. Encore gives you professional asset system that's a delight to use. Encore is inspired by Webpacker and Mix, but stays in the spirit of Webpack: using its features, concepts and naming conventions for a familiar feel. It aims to solve the most common Webpack use cases.

preload-webpack-plugin - A webpack plugin for injecting <link rel='preload|prefecth'> into HtmlWebpackPlugin pages, with async chunk support

  •    Javascript

A Webpack plugin for automatically wiring up asynchronous (and other types) of JavaScript chunks using <link rel='preload'>. This helps with lazy-loading. Note: This is an extension plugin for html-webpack-plugin - a plugin that simplifies the creation of HTML files to serve your webpack bundles.

html-webpack-template - a better default template for html-webpack-plugin

  •    HTML

This is a template for the webpack plugin html-webpack-plugin. It has a few extra features more than the default template which will hopefully make it less likely that you'll have to create your own index.html file in your webpack project. Templates for the html-webpack-plugin are implemented using underscore templates (previously, in 2.x, blueimp templates). You can write your own as well.

webpack-tricks - Tips and tricks in using Webpack

  •    

Just a small catalog of Webpack tips and tricks I've learned. These tricks work with Webpack v3 unless otherwise specified.Invoke Webpack with -p for production builds. In Webpack 2, this also automatically sets process.env.NODE_ENV === 'production'.

webpack-hot-middleware - Webpack hot reloading you can attach to your own server

  •    Javascript

Webpack hot reloading using only webpack-dev-middleware. This allows you to add hot reloading into an existing server without webpack-dev-server. This module is only concerned with the mechanisms to connect a browser client to a webpack server & receive updates. It will subscribe to changes from the server and execute those changes using webpack's HMR API. Actually making your application capable of using hot reloading to make seamless changes is out of scope, and usually handled by another library.

write-file-webpack-plugin - Forces webpack-dev-server to write bundle files to the file system.

  •    Javascript

Forces webpack-dev-server program to write bundle files to the file system. This plugin has no effect when webpack program is used instead of webpack-dev-server.

django-webpack-loader - Transparently use webpack with django

  •    Python

Read http://owaislone.org/blog/webpack-plus-reactjs-and-django/ for a detailed step by step guide on setting up webpack with django using this library. Use webpack to generate your static bundles without django's staticfiles or opaque wrappers.

hard-source-webpack-plugin

  •    Javascript

HardSourceWebpackPlugin is a plugin for webpack to provide an intermediate caching step for modules. In order to see results, you'll need to run webpack twice with this plugin: the first build will take the normal amount of time. The second build will be signficantly faster. Install with npm install --save hard-source-webpack-plugin or yarn. And include the plugin in your webpack's plugins configuration.

electron-webpack - Scripts and configurations to compile Electron applications using webpack

  •    TypeScript

Because setting up webpack in the electron environment shouldn't be difficult. Modern web development practices today require a lot of setup with things like webpack to bundle your code, babel for transpiling, eslint for linting, and so much more that the list just goes on. Unfortunately when creating electron applications, all of that setup just became much more difficult. The primary aim of electron-webpack is to eliminate all preliminary setup with one simple install so you can get back to developing your application.

grunt-webpack - integrate webpack into grunt build process

  •    Javascript

Use Webpack with Grunt. Install this grunt plugin next to your project's Gruntfile.js. You also need to install webpack yourself, this grunt plugin does not install webpack itself.

webpack-hot-middleware - Webpack hot reloading you can attach to your own server

  •    Javascript

Webpack hot reloading using only webpack-dev-middleware. This allows you to add hot reloading into an existing server without webpack-dev-server. This module is only concerned with the mechanisms to connect a browser client to a webpack server & receive updates. It will subscribe to changes from the server and execute those changes using webpack's HMR API. Actually making your application capable of using hot reloading to make seamless changes is out of scope, and usually handled by another library.

artsy-webpack-tour - Annotations on webpack source code in a pseudo-guided fashion.

  •    

Annotations on webpack source code in a pseudo-guided fashion. My goal as one of the maintainers for webpack is being able to help developers better understand how webpack works.

react-native-webpack-server - Build React Native apps with Webpack

  •    Javascript

react-native-webpack-server is a development server that leverages the Webpack Dev Server and the React Packager to enable building React Native JavaScript bundles with webpack. This allows you to use the existing webpack ecosystem when targeting React Native. This will start the server on port 8080.

parallel-webpack - Builds multi-config webpack projects in parallel

  •    Javascript

parallel-webpack allows you to run multiple webpack builds in parallel, spreading the work across your processors and thus helping to significantly speed up your build. For us at trivago it has reduced the build from 16 minutes to just 2 minutes - for 32 variants. That performance improvement naturally comes at the expense of utilizing all available CPU cores.You can choose whether to install parallel-webpack globally or locally. At trivago, we keep our build tools locally to the project so that we have full control over its versions.