Не могу прописать конфиг для webpack 4?

Question

[Сергей Новиков]

Был text-extract-plugin при обновлении webpack до 4 версии перестал работать, в документации написано перейти на minicssextractplugin. Но не могу его настроить пишет ошибку что miniCssExtractPlugin не функция помогите исправить, нужен очень срочно.

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = function (paths) {
  return {
    module: {
      rules: [
        {
          test: /\.scss$/,
          include: paths,
          use: [
            {
              loader: MiniCssExtractPlugin.loader({
                options: {
                  publicPath: "../",
                },
                fallback: "style-loader",
                use: ["css-loader", "sass-loader"],
              }),
            }
          ],
        },
        {
          test: /\.css$/,
          include: paths,
          use: [
            {
              loader: MiniCssExtractPlugin.loader({
                fallback: "style-loader",
                use: "css-loader",
              }),
            },
          ],
        },
      ],
    },
    plugins: [new MiniCssExtractPlugin("./css/[name].css")],
  };
};

Comments

[alex4answ]

форматируйте конфиг, читать невозможно

[Сергей Новиков]

общий файл с настройками такой https://jsfiddle.net/cq97s01m/

[Сергей Новиков]

https://jsfiddle.net/31b2auhj/ всё тут что в вопросе в графе css

[Сергей Новиков]

alex4answ, https://jsfiddle.net/31b2auhj/ всё тут что в вопросе в графе css

[alex4answ]

Morphei112, сюда все загрузите только вставьте его в блок "код", если код длинный сделайте его спойлерами, я едвали смогу ответить на ваш вопрос, а про форматирование это просто совет, чтобы другие могли нормально прочесть, и подсказать

[Сергей Новиков]

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = function (paths) {
  return {
    module: {
      rules: [
        {
          test: /\.scss$/,
          include: paths,
          use: [
            {
              loader: MiniCssExtractPlugin.loader({
                options: {
                  publicPath: "../",
                },
                fallback: "style-loader",
                use: ["css-loader", "sass-loader"],
              }),
            }
          ],
        },
        {
          test: /\.css$/,
          include: paths,
          use: [
            {
              loader: MiniCssExtractPlugin.loader({
                fallback: "style-loader",
                use: "css-loader",
              }),
            },
          ],
        },
      ],
    },
    plugins: [new MiniCssExtractPlugin("./css/[name].css")],
  };
};

[Михаил]

Morphei112, а теперь это же и в вопрос