From 82f7ee36b06f8012ba20f64036070605a6f9eed7 Mon Sep 17 00:00:00 2001 From: machida Date: Fri, 18 Jul 2025 01:06:15 +0900 Subject: [PATCH 1/2] =?UTF-8?q?sass=E3=81=AE=E8=A8=AD=E5=AE=9A=E3=82=92?= =?UTF-8?q?=E5=A4=89=E6=9B=B4=E3=81=97=E3=80=81=E6=9C=AC=E7=95=AA=E3=81=A7?= =?UTF-8?q?=E3=82=82img-url=E3=81=A7=E6=AD=A3=E3=81=97=E3=81=84=E3=83=91?= =?UTF-8?q?=E3=82=B9=E3=81=A7=E6=9B=B8=E3=81=8D=E5=87=BA=E3=81=95=E3=82=8C?= =?UTF-8?q?=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config/webpack/environment.js | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/config/webpack/environment.js b/config/webpack/environment.js index 6704579d4b7..3d0b3f94f62 100644 --- a/config/webpack/environment.js +++ b/config/webpack/environment.js @@ -7,6 +7,12 @@ environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin()) environment.loaders.prepend('vue', vue) environment.loaders.prepend('pug', pug) +// Add resolve alias for images +environment.config.resolve.alias = { + ...environment.config.resolve.alias, + 'images': 'app/assets/images' +} + // Fix sass-loader to handle Rails asset helpers const sassLoader = environment.loaders.get('sass') const sassLoaderConfig = sassLoader.use.find(use => use.loader === 'sass-loader') @@ -17,7 +23,7 @@ if (sassLoaderConfig) { 'image-url($path)': function(path) { const sass = require('sass') const pathValue = path.getValue().replace(/['"]/g, '') - return new sass.types.String(`url("~${pathValue}")`) + return new sass.types.String(`url("~images/${pathValue}")`) } } } From 5bcf085542500e9d8180b446ba2f74d2d3cfaf13 Mon Sep 17 00:00:00 2001 From: machida Date: Fri, 18 Jul 2025 01:44:26 +0900 Subject: [PATCH 2/2] =?UTF-8?q?=E3=83=91=E3=82=B9=E3=81=AE=E4=BF=AE?= =?UTF-8?q?=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config/webpack/environment.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/config/webpack/environment.js b/config/webpack/environment.js index 3d0b3f94f62..3b570936791 100644 --- a/config/webpack/environment.js +++ b/config/webpack/environment.js @@ -8,9 +8,10 @@ environment.loaders.prepend('vue', vue) environment.loaders.prepend('pug', pug) // Add resolve alias for images +const path = require('path') environment.config.resolve.alias = { ...environment.config.resolve.alias, - 'images': 'app/assets/images' + 'images': path.resolve(__dirname, '../../app/assets/images') } // Fix sass-loader to handle Rails asset helpers