@Fierfoxik

Как исправить ошибку путей для картинок при сборке webpack?

Проект работает на css модулях и url-loader для путей у картинок. Делаю import для моих стилей в компонентах react. На localhost все работает хорошо, но когда я запускаю сборку проекта то вылетает ошибка при сборке css. Подобная ошибка вылетает для всех картинок в моих стилях

Module not found: Error: Can't resolve '../img/spinner.gif'


мои loaders для картинок:
{
    test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
    exclude: /(node_modules|bower_components)/,
    loader: "url-loader?limit=10000&mimetype=image/svg+xml"
  },
  {
    test: /\.gif/,
    exclude: /(node_modules|bower_components)/,
    loader: "url-loader?limit=10000&mimetype=image/gif"
  },
  {
    test: /\.jpg/,
    exclude: /(node_modules|bower_components)/,
    loader: "url-loader?limit=10000&mimetype=image/jpg"
  },
  {
    test: /\.png/,
    exclude: /(node_modules|bower_components)/,
    loader: "url-loader?limit=10000&mimetype=image/png"
  }


и мой loader для sass/css в конфиге для сборки

loaders.push({
  test: /\.sass$/,
  loader: ExtractTextPlugin.extract({fallback: 'style-loader', use : 'css-loader?sourceMap&localIdentName=[local]___[hash:base64:5]!sass-loader?outputStyle=expanded'}),
  exclude: ['node_modules']
});


И структура проекта
PhkSK.png
  • Вопрос задан
  • 240 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы