diff --git a/config/webpack/environment.js b/config/webpack/environment.js index 6704579d4b7..3b570936791 100644 --- a/config/webpack/environment.js +++ b/config/webpack/environment.js @@ -7,6 +7,13 @@ environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin()) 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': path.resolve(__dirname, '../../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 +24,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}")`) } } }