Merge pull request #134 from windy/rails-bundling-css-js

Rails bundling css js

Author: windy

.gitignore

@@ -50,3 +50,6 @@ yarn-debug.log*
 .env
 .byebug_history
 .DS_Store
+
+/app/assets/builds/*
+!/app/assets/builds/.keep

Gemfile

@@ -5,12 +5,14 @@ ruby '3.1.2'
 gem 'rails', '~> 6.1.4', '>= 6.1.4.1'
 gem 'puma', '~> 4.x'
 gem 'sass-rails', '>= 6'
-gem 'webpacker', '~> 5.0'
-gem 'turbo-rails', '~> 0.7'
+gem 'turbo-rails'
 gem 'jbuilder', '~> 2.7'
 gem 'bootsnap', '>= 1.4.4', require: false
 gem 'stimulus-rails'
 
+gem 'cssbundling-rails'
+gem 'jsbundling-rails'
+
 gem 'rexml', '~> 3.2', '>= 3.2.4'
 
 group :development, :test do
@@ -20,7 +22,7 @@ end
 group :development do
   gem 'web-console', '>= 4.1.0'
   gem 'rack-mini-profiler', '~> 2.0'
-  gem 'listen', '~> 3.3'
+  gem 'listen', '~> 3.9'
   gem 'spring'
 end
 

Gemfile.lock

@@ -112,6 +112,8 @@ GEM
     concurrent-ruby (1.3.4)
     connection_pool (2.5.0)
     crass (1.0.6)
+    cssbundling-rails (1.4.1)
+      railties (>= 6.0.0)
     database_cleaner (2.1.0)
       database_cleaner-active_record (>= 2, < 3)
     database_cleaner-active_record (2.2.0)
@@ -142,6 +144,8 @@ GEM
     jbuilder (2.13.0)
       actionview (>= 5.0.0)
       activesupport (>= 5.0.0)
+    jsbundling-rails (1.3.1)
+      railties (>= 6.0.0)
     launchy (3.0.1)
       addressable (~> 2.8)
       childprocess (~> 5.0)
@@ -200,8 +204,6 @@ GEM
     rack-protection (3.2.0)
       base64 (>= 0.1.0)
       rack (~> 2.2, >= 2.2.4)
-    rack-proxy (0.7.7)
-      rack
     rack-test (2.2.0)
       rack (>= 1.3)
     rails (6.1.7.10)
@@ -282,7 +284,6 @@ GEM
       rexml (~> 3.2, >= 3.2.5)
       rubyzip (>= 1.2.2, < 3.0)
       websocket (~> 1.0)
-    semantic_range (3.1.0)
     sidekiq (5.2.10)
       connection_pool (~> 2.2, >= 2.2.2)
       rack (~> 2.0)
@@ -314,7 +315,7 @@ GEM
     thor (1.3.2)
     tilt (2.5.0)
     timeout (0.4.3)
-    turbo-rails (0.9.1)
+    turbo-rails (2.0.11)
       actionpack (>= 6.0.0)
       railties (>= 6.0.0)
     tzinfo (2.0.6)
@@ -328,11 +329,6 @@ GEM
       nokogiri (~> 1.6)
       rubyzip (>= 1.3.0)
       selenium-webdriver (~> 4.0)
-    webpacker (5.4.4)
-      activesupport (>= 5.2)
-      rack-proxy (>= 0.6.1)
-      railties (>= 5.2)
-      semantic_range (>= 2.3.0)
     websocket (1.2.11)
     websocket-driver (0.7.7)
       base64
@@ -354,15 +350,17 @@ DEPENDENCIES
   byebug
   capybara (>= 3.26)
   carrierwave
+  cssbundling-rails
   database_cleaner
   factory_bot_rails
   figaro
   high_voltage (~> 3.1)
   html_truncator
   jbuilder (~> 2.7)
+  jsbundling-rails
   kaminari!
   launchy
-  listen (~> 3.3)
+  listen (~> 3.9)
   mina (~> 1.2.2)
   mina-logs
   mina-multistage
@@ -390,11 +388,10 @@ DEPENDENCIES
   sprockets (~> 3.7.2)
   sprockets-rails (~> 3.2.1)
   stimulus-rails
-  turbo-rails (~> 0.7)
+  turbo-rails
   tzinfo-data
   web-console (>= 4.1.0)
   webdrivers
-  webpacker (~> 5.0)
 
 RUBY VERSION
    ruby 3.1.2p20

Procfile.dev

@@ -0,0 +1,3 @@
+web: env RUBY_DEBUG_OPEN=true bin/rails server
+css: yarn build:css --watch --poll
+js: yarn build --watch

README.md

@@ -10,6 +10,8 @@ WBlog is open source blog which built for mobile first, it's licenced on MIT, us
 
 New: WBlog is using Ruby on Rails 6.1 now.
 
+New: WBlog has updated from webpacker to jsbundling & cssbundling with esbuild and sass.
+
 [中文说明文档](/README.zh-CN.md)
 
 Characteristic:
@@ -51,7 +53,7 @@ You can run it like a Ruby on Rails project as usual:
 
   ```shell
   ruby -v
-  # 3.0.1
+  # 3.1.2
   postgres  --version
   # 9.x.x
   ```
@@ -79,16 +81,8 @@ You can run it like a Ruby on Rails project as usual:
 
 3. Start it
 
-  one terminal run:
-
-  ```shell
-  bin/webpack-dev-server
-  ```
-
-  another terminal run:
-
   ```shell
-  rails s
+  bin/dev
   ```
 
   Open browser with `http://localhost:3000`

app/assets/builds/.keep

@@ -0,0 +1,2 @@
+//= link_tree ../images
+//= link_tree ../builds