[#385] Minify CSS

nimblehq · Jun 21, 2023 · dea4c83 · dea4c83
1 parent 2d2532f
commit dea4c83
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.template/variants/web/Procfile.dev.rb b/.template/variants/web/Procfile.dev.rb
@@ -3,7 +3,7 @@
 append_to_file 'Procfile.dev' do
   <<~PROCFILE
     js: yarn build --watch
-    css: yarn build:css --watch
+    css: yarn build:css-dev --watch
     postcss: yarn build:postcss --watch
   PROCFILE
 end
diff --git a/.template/variants/web/package.json.rb b/.template/variants/web/package.json.rb
@@ -45,10 +45,17 @@
   '--no-source-map',
   '--load-path=node_modules'
 ]
+production_bundled_stylesheet_options = [
+  '--style=compressed'
+]
 
 run %(npm set-script build "node app/javascript/build.js")
 run %(
   npm set-script build:css \
+  "sass #{source_stylesheet} #{bundled_stylesheet} #{bundled_stylesheet_options.merge(production_bundled_stylesheet_options).join(' ')}"
+)
+run %(
+  npm set-script build:css-dev \
   "sass #{source_stylesheet} #{bundled_stylesheet} #{bundled_stylesheet_options.join(' ')}"
 )
 run %(npm set-script postcss "postcss public/assets/*.css --dir public/assets --config ./")