Как распределить файлы по расширению по папкам — Webpack?

Question

[Triplicate]

Здравствуйте, использую Webpack и своё знакомство начал с ним относительно недавно, перешёл с Gulp. Манипуляции с входной точкой перекидывают файлы в папку dist. К примеру после использования MiniCssExtractPlugin css файл перекидывает так же в dist. Мне бы хотелось для чтобы все js файлы перекидывались в папку js, css в сss и по аналогии так далее.
В документации написано You can only have one output path, я слышал про то, что можно создать несколько конфигов и экспортировать их массивом. Как реализовать мою задачу?

Answer 1

[Дмитрий Беляев]

что-то вроде такого:

const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
module.exports = {
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'js/[name].js'
  },
  plugins: [
    new MiniCssExtractPlugin({
      filename: 'css/[name].css'
    })
  ]
};

Comments

[Triplicate]

Спасибо, я пришел к этому, что распределение я буду регулировать от плагинов задавая папки в конечном имени файла. А то, что не использую перекину благодаря copy-webpack-plugin. Если что - еще отпишу)