Search Results for "webpacker"

Lessons

How to use Webpack require.context

#340 · Apr 13, 2020 Pro

Webpacker provides some nice tools for loading Javascript in several different ways. We're looking at require.context to see how to load an entire directory's set of files easily.

2

Amazon Cloudfront CDN for Rails Asset Pipeline & Webpacker

#301 · Jun 25, 2019 Pro

A CDN can distribute assets globally and allow more parallel downloads. This equates to performance benefits for users anywhere in the world

16

Webpack Bundle Analyzer

#353 · Jul 06, 2020 Pro

Webpack bundles can be confusing as to what actually ships in production. Using the bundle analyzer plugin, we can visualize and see exactly what libraries and files are taking up what space.

3

How to use Google Analytics gtag.js with Turbolinks & Webpacker

#366 · Oct 12, 2020

Learn how to add Google Analytics' gtag.js to Webpacker with Turbolinks support

4

How to Remove Unused CSS Classes from Tailwind CSS, Boostrap, and more with PurgeCSS

#294 · Apr 24, 2019

CSS frameworks like Tailwind, Bootstrap, Foundation, etc all come with many CSS classes you probably aren't using. This creates huge CSS files unless we use a tool like PurgeCSS to look through our code and remove the unused classes.

14

How to use Bootstrap with Webpack & Rails

#295 · Apr 30, 2019

Rails's webpacker gem makes it super easy to load both Bootstrap's CSS and JS into your Rails app using webpack

52

Webpacker Javascript Embed Code Snippet & Scoped Styles

#277 · Dec 26, 2018 Pro

We can use webpacker to create scoped styles for our Javascript widget and build an embed code that links to the latest version of our webpacker JS and CSS for our embeddable widget.

11

How to use Javascript via Webpacker in Rails 6

#292 · Apr 12, 2019

Rails 6 defaults to using Webpacker for Javascript instead of the asset pipeline. We'll learn how everything is structured and laid out and see how to add Flatpickr to Rails 6 including both the Javascript and CSS for it.

19

Using Webpack in Rails with the Webpacker Gem

#181 · Apr 10, 2017

Let's take a look at using the Webpacker gem in Rails to implement an additional pipeline for building modern frontend Javascript alongside our Rails application using VueJS.

18

How to install Tailwind CSS using Webpacker with Rails

#227 · Feb 06, 2018

Learn how to use the awesome new Tailwind CSS framework using Webpacker in your Rails app

29

Realtime Group Chat with Rails [Revised] - Part 1

#346 · May 25, 2020

An updated version of our Group Chat series using Webpacker, ActionCable, Stimulus.js, and modern Javascript to build a very clean version of realtime group chat in Rails

5

Realtime Group Chat with Rails [Revised] - Part 2

#347 · Jun 04, 2020 Pro

An updated version of our Group Chat series using Webpacker, ActionCable, Stimulus.js, and modern Javascript to build a very clean version of realtime group chat in Rails

8

How to install TailwindCSS 1.0 with Rails 6

#293 · Apr 16, 2019

With TailwindCSS 1.0 just around the corner and some changes in Rails 6 to Webpacker, we take a look at how to install and setup the latest version of TailwindCSS with Rails 6.0

16

Embeddable Javascript Comments Widget Models - Part 1

#271 · Nov 14, 2018 Pro

Starting our Embeddable JS Widget series outlining the comment and discussion models and the basic webpacker setup

6

Rails & Vue.js Trello Clone - Part 1

#217 · Nov 29, 2017

Set up Rails models, scaffolds, and webpacker with Vue.js to start rendering our views

30

How to use ESBuild in Rails with JSBundling

#416 · Oct 04, 2021

JSBundling provides a flexible way of using different Javascript bundlers like ESBuild. It strikes a great balance between the asset pipeline and webpacker. Plus, Esbuild can bundle your Javascript lightning fast.

28

More lesson search results →

Forum Threads

I installed webpacker but when i start the server i get this Webpacker::Manifest::MissingEntryError in Main#index, how do i get this out of the way it has gotten frustrating.

Muganda Dizo posted January 31, 2021 2:38pm

1

Webpacker noob - so I saw your video and im using rails 6

Figured it out application.js ``` var jQueryBridget = require('jquery-bridget'); var Isotope = require('isotope-layout'); jQueryBridget( 'isotope', Isotope, $ ); ``` Sheesh !

Gus P replied January 31, 2020 12:27am • Solved

6

Checking webpacker is cause of for time sink

whaleGlider replied March 11, 2022 12:42pm

3

Rails repeats Webpacker packages if I go backwards (OwlCarousel, DataTables)

This was the quick fix, for if anyone views this post in the future: Add this line in your application ```html #in app/views/layouts/application.html.erb ... ... ```

cratag replied April 15, 2021 2:39pm • Solved

3

Rails 6 webpacker with theme implementation error.

I am creating one rails application with the latest version 6.1.3 and ruby version 2.7.2. I have one old theme and I want to integrate it into my application. But somehow I can not able to integra...

bhadresh chotaliya posted March 30, 2021 11:09am

1

Hotwire/Turbo + Webpacker/Stimulusjs

I think I'm confused. I love the functionality of Hotwire and experimented a little with it in a fresh app. I don't understand though, if I can also have Stimulusjs running - I have different needs...

Bevin posted April 30, 2021 2:28pm

1

https://gorails.com/episodes/webpacker-javascript-in-rails-6

Thank you very much for such fast and appropriate response.

Ted Leason replied May 4, 2020 8:42pm

3

Shrine default_url with webpacker

I figured it out, and yes it is using the asset helper in the uploader. ```ruby Attacher.default_url do |**_options| ActionController::Base.helpers.asset_pack_path "media/images/#{name}-miss...

Dieter Lunn replied February 10, 2021 9:45pm • Solved

2

Navbar with Vue.js and webpacker - Flickering at page load 😒

Status update: **[SOLVED]** --- Thanks to a live code of Adam Wathan himself, I found out that `[v-cloak]` was the solution I was looking for. Here is the solution: 👉 https://www.youtube.com/watc...

Thomas Sohet replied July 30, 2020 7:53pm • Solved

2

Install a custom loader with webpacker gem

I am trying to use a Vue.js based material design framework called [Vuetify](https://vuetifyjs.com/) with Rails 5 and the webpacker gem. The styles for this framework are created with the [Stylus](...

Abhinav Mathur posted October 8, 2017 8:22am

1

Help configuring Vuetify/stylus on Webpacker

Kieran - did you ever get this sorted out? I just banged my head against the wall for a few days trying to solve it myself. Finally got somewhere. I've put up a github repo with a sample Rails a...

davidlbean replied August 8, 2019 2:12am

2

Gems / Libraries

How do I set up webpacker for production environment?

Im running my project first on my local machine using Production environment before deploying to production to make sure all is running fine. im using docker with Rails version 5.2 and webpacker v...

Dev posted October 23, 2021 7:32am

1

Vue JS server side rendering with rails webpacker

Ed Tewiah replied May 5, 2019 10:03am

7

How do I add Zurb foundation-sites using webpacker?

That template was gold. Here's a gist that that extends that thinking, looking at setting up a basic working environment: https://gist.github.com/dvodvo/313bcb4da83030c48280fe76065da9e3

Jerome . replied June 3, 2021 1:30am

6

How I do use Rails.ajax in vueJs components using webpacker in rails 6

Marco Beffa replied October 18, 2019 6:11pm

3

Rails 6, Webpacker and Docker on Apple M1

Hi Chris, I tried to leave a comment for episode #389 but was not successful. Not sure why. Anyway, I'm developing in Apple M1 and trying to dockerize a Rails 6 application, but running into a l...

Gabriela Jack posted February 28, 2022 4:07am

1

How should I bundle stimulus_reflex with esbuild in Rails 7

Wondering the same thing - anybody?

Ole Torp replied June 18, 2022 11:25am

4

How do I deploy to staging or production environments the stack Vue+Rails

When I deploy an application using webpacker + vue + rails, and the template of the main component is on the rails view I get a vue error regarding security. Error: ``` [Vue warn]: It seems yo...

Raimon Fernandez Sirera posted December 19, 2017 2:38pm

1

Angular 8 with Rails 6?

the problem is related to html-loader, Html-loader version used should be noted, "^0.5.5" you can try this project : https://github.com/tadhao/angular_on_rails

Sami Dghim replied March 21, 2021 10:51pm

3

New Project Rails 6 rc1 or 5.2.3?

Thanks. This may be useful for others: https://github.com/rails/webpacker/issues/2114

Sigfrid Dusci replied June 4, 2019 12:04pm • Solved

5

More forum thread search results →

Screencast tutorials to help you learn Ruby on Rails, Javascript, Hotwire, Turbo, Stimulus.js, PostgreSQL, MySQL, Ubuntu, and more. Icons by Icons8

Solutions

Support

Company

Legal

© 2022 GoRails, LLC. All rights reserved.