From 73b3fffdbe730c33480682c40e7e8271e75ddf59 Mon Sep 17 00:00:00 2001 From: hellekin Date: Sat, 23 Jan 2021 15:35:49 +0100 Subject: Move CSS to Webpack Using both the asset pipeline and webpack is confusing and leads to unpredictable results in production. This commit moves all (S)CSS to Webpack under `app/javascript/scss` so that we can test whether the development interface results in a consistent production deployment. In order to load the ForkAwesome fonts we used a long path: `$fa-font-path: "../../../node_modules/fork-awesome/fonts";` Not sure whether this works... --- config/webpack/development.js | 3 +++ config/webpacker.yml | 9 +++------ 2 files changed, 6 insertions(+), 6 deletions(-) (limited to 'config') diff --git a/config/webpack/development.js b/config/webpack/development.js index c5edff9..7c82317 100644 --- a/config/webpack/development.js +++ b/config/webpack/development.js @@ -2,4 +2,7 @@ process.env.NODE_ENV = process.env.NODE_ENV || 'development' const environment = require('./environment') +const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; +environment.plugins.append('BundleAnalyzerPlugin', new BundleAnalyzerPlugin()) + module.exports = environment.toWebpackConfig() diff --git a/config/webpacker.yml b/config/webpacker.yml index 41a533a..a4b9a7a 100644 --- a/config/webpacker.yml +++ b/config/webpacker.yml @@ -6,18 +6,18 @@ default: &default public_root_path: public public_output_path: packs cache_path: tmp/cache/webpacker - check_yarn_integrity: true + check_yarn_integrity: false webpack_compile_output: true # Additional paths webpack should lookup modules # ['app/assets', 'engine/foo/app/assets'] - resolved_paths: ['app/assets'] + # resolved_paths: ['app/assets'] # Reload manifest.json on all requests so we reload latest compiled packs cache_manifest: false # Extract and emit a css file - extract_css: false + extract_css: true static_assets_extensions: - .jpg @@ -94,6 +94,3 @@ production: # Cache manifest.json for performance cache_manifest: true - - # Do not break the app please! - check_yarn_integrity: false -- cgit v1.2.3