Webpacker integrates modern JS tooling with Rails.
react-rails jsx react rails sprockets webpackerJekyll Assets is a drop in asset pipeline that uses Sprockets to build specifically for Jekyll. It utilizes Sprockets, and Jekyll to try and achieve a clean, and extensible assets platform that supports plugins, caching, converting your assets. It even supports proxying of said assets in a way that does not interfere with either Sprockets, or Jekyll, or your own source. By default you can add Jekyll Assets to your Gemfile, as a plugin, and have it act as a drop-in replacement for Jekyll's basic SASS processors, with you only having to add it to your Gemfile, and updating your <img>, and <link>. The configuration file is the same as Jekyll's, which is _config.yml. Except we use the special key called assets inside of that file. All values listed below are default, you need not copy these into your configuration file unless you plan to change a value. Setting a value makes it explicit, and shared across both production, and development.
jekyll-assets sprockets asset-pipeline liquid sass scss assets jekyll sprockets-4 uglifier imageoptim imagemagickThe Rails asset pipeline makes a number of assumptions about what's best for deploying JavaScript, including asset digest fingerprints and long-lived cache headers - mostly to increase "cacheability". Rails also assumes a single parent directory, /public/assets, to make it easier to look up the file path for a given asset. Service workers may only be active from within the scope from which they are served. So if you try to register a service worker from a Rails asset pipeline path, like /assets/serviceworker-abcd1234.js, it will only be able to interact with requests and responses within /assets/**. This is not what we want.
service-worker rails sprockets rails-asset-pipelineStyling a SVG document with CSS for use on the web is most reliably achieved by adding classes to the document and embedding it inline in the HTML. This gem adds a Rails helper method (inline_svg) that reads an SVG document (via Sprockets, so works with the Rails Asset Pipeline), applies a CSS class attribute to the root of the document and then embeds it into a view.
sprockets rails svgLingon is a performant single-page application dev tool that focuses on developer happiness. At Spotify we use Lingon to build Angular.js applications.Lingon is a build tool that favors convention over configuration. By employing a similar file structure across your projects you can minimize the amount of build configuration you need to write and maintain. We've borrowed this idea from middleman and Sprockets. If you already know these tools you'll feel right at home with Lingon.
middleman sprockets build static site generator gulpThis gem adds the jQuery Templates plugin and a corresponding Sprockets engine to the asset pipeline in Rails >= 3.1 applications. Add it to your Gemfile and run bundle.
jquery-templates sprockets rails unmaintainedAn alternative implementation of ExecJS's Node.js integration. This aims to speed up sprockets compilation without needing to embed a javascript interpreter inside of ruby like therubyracer. Much.
execjs sprockets railsThis is an Express-compatible, Connect middleware for Mincer. Mincer is an excellent port of Sprockets, which means it is a robust and comprehensive asset manager for your Node app. However, Mincer makes no assumptions about your application so by default it requires some work to get going with a typical Express app.
sprockets connect middleware mincer assetsA Webpack plugin that allows sprockets-rails to find static assets from a Webpack build without requiring them in sprockets directives. We can leverage standard Rails view helpers (i.e. javascript_include_tag, stylesheet_link_tag) to load artifacts supporting finger printing and prepended host urls. To automatically create the recommended configuration install the webpack_on_rails gem and run the webpack_on_rails:install generator.
webpack sprockets rails sprockets-railsAdd karma-sprockets-mincer as a devDependency in your package.json. Add the plugin to your config file.
karma sprockets karma-plugin karma-adapter karma-frameworkWhen using Sprockets 2.x with Sass you will eventually run into a pretty big issue. //= require directives will not allow Sass mixins, variables, etc. to be shared between files. So you'll try to use @import, and that'll also blow up in your face. sprockets-sass fixes all of this by creating a Sass::Importer that is Sprockets aware. Now @import works essentially just like a require directive, but with one essential bonus: Sass mixins, variables, etc. work as expected.
sprockets sassrails-vue-loader(formerly sprockets-vue) -- a Sprockets transformer that converts .vue file into js object. add gem 'rails-vue-loader' to Gemfile, and run bundle, currently works with sprockets 3.
vue rails transformer sprocketsTabler ruby gem for Ruby on Rails. Ensure that sprockets-rails is at least v2.3.2.
dashboard bootstrap-theme bootstrap sass rails sprockets rails-engine admin-dashboard scss admin-template tabler rubygems gemSpritely hooks into the Sprockets asset packaging system to allow you to easily generate sprite maps. See the list of releases for changes in each version.
sprockets sprite-map sprite-imageThis is a plugin for sprockets based web applications. Notably, it tightens the integration between karma and rails applications. (Because they use sprockets bundles by default). Adds a couple of configuration options to help with loading js files defined in sprockets bundles (via require directives). This is now the default way to structure client side code in Rails applications.
karma-plugin karma-preprocessor sprockets railsRack task library for using Sprockets standalone. You can give a name to the task that will be used for namespacing. The example above will generate the rake tasksassets:compile, assets:clobber and assets:clean. Default value for name is assets.
sprockets asset-pipelineThis repo is an example of a simple working Rails 5, Webpack(er)3, React-Rails 2.3+ application. Where generators are used, the git commit will be the command ran to get to the current application state so it will hopefully be easy to follow along at home.
react-rails webpack-es6 sprocketsBabel + UMD = BumbleD. Incrementally migrate your Sprockets-powered javascript to ES6 modules by transforming them to UMD modules that preserve your existing global references. ES6 modules are the future. The syntax is great: it's concise and straightforward, and the static and explicit nature of import and export statements make your code a complete spec of its dependencies and how to resolve them. This means that moving to ES6 modules also makes moving away from Sprockets //= require directives for javascript bundling (and Sprockets in general) much easier.
umd-modules sprockets babel sprockets-plugin babel-plugin es2015 es6-modules es2015-modules sprockets-transformer rails asset-pipeline incremental migration javascript-globalsResolve dependency directives in assets, e.g. @depend (Juicer) or //= require (Sprockets)). Inspired by grunt-concat-in-order. Useful in combination with gulp-concat. Warning: This might not be very efficient (especially in case of nested dependencies). Some kind of caching mechanism could come in handy.
gulpplugin gulp js dependencies depend depends concat order juicer sprocketsIt's primarily meant to deal with JS and CSS but can as well be used for HTML (HAML, Twig, Slim...). You can add your own filters in a very flexible way (see below). You have to create an instance of Sprockets\Pipeline. The argument is the array of "base paths" from where the Pipeline has to search files.
sprockets asset-pipeline sprockets-php
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.