Ответы пользователя по тегу Webpack
  • Как правильно работать с CSS модулями в React?

    EdMSL
    @EdMSL Автор вопроса
    Free Developer
    Вариант 1 пробовал. Второй да, можно так, но мне бы понять причину сего. Почему теперь нужно добавлять default? Если это теперь так работает, то почему в документации ни слова (в доках к css-loader).
    Ответ написан
  • Почему CopyWebpackPlugin работает не правильно?

    EdMSL
    @EdMSL
    Free Developer
    В fileloader можно передать параметр outputPath, который принимает функцию, которая возвращает путь для файла. Вот так сделано у меня. url это имя файла с расширением, resourcePath абсолютный путь к обрабатываемому файлу, context это еще один параметр, который вы можете задать (а можете и не задавать), у меня images, по названию папки, куда я хочу складывать изображения. С помощью регулярного выражения проверяется resourcePath, если совпадает, то кидает файл в указанную папку. Если нет совпадений, то кидает в папку по-умолчанию, которая указана в последнем return. Попробуйте, возможно это то, что вы ищите.
    {
              test: /\.(png|jpe?g|gif|svg)$/,
              use: [
                {
                  loader: 'file-loader',
                  options: {
                    name: '[name].[ext]',
                    context: 'images',
                    publicPath: (url, resourcePath, context) => {
                      if (/decoration/.test(resourcePath)) {
                        return `../${context}/decoration/${url}`;
                      }
    
                      return `${context}/${url}`;
                    },
                    outputPath: (url, resourcePath, context) => {
                      if (/decoration/.test(resourcePath)) {
                        return `${context}/decoration/${url}`;
                      }
    
                      return `${context}/${url}`;
                    },
                  },
                },
              ],
            },
    Ответ написан
    1 комментарий