Roots Discourse

Ajax-loader_c5cd7f53.gif missing, slick

I can’t find solution how to fix 404 error for ajax-loader gif…

“…/dist/vendor/ajax-loader_c5cd7f53.gif 404 (Not Found)”

I have added slick in main.scss
@import “~slick-carousel/slick/slick.scss”;
@import “~slick-carousel/slick/slick-theme.scss”;

and variables in common/_variables.scss

// Slick Carousel font path
$slick-font-path: “~slick-carousel/slick/fonts/”;

// Slick Carousel ajax-loader.gif path
$slick-loader-path: “~slick-carousel/slick/”;

Arrows and all the stuff from slick carousel loading properly. But this gif can’t be loaded.
Do you have similar issue ?

Solved when I changed the limit in webpack.config.js from 4096 to 24096.

{
test: /.(ttf|otf|eot|woff2?|png|jpe?g|gif|svg|ico)$/,
include: config.paths.assets,
loader: ‘url’,
options: {
limit: 24096,
name: [path]${assetsFilenames}.[ext],
},
},
{
test: /.(ttf|otf|eot|woff2?|png|jpe?g|gif|svg|ico)$/,
include: /node_modules/,
loader: ‘url’,
options: {
limit: 24096,
outputPath: ‘vendor/’,
name: ${config.cacheBusting}.[ext],
},
},
],

But I am not sure that is good solution and should I change limits in webpack ?