Я не могу получить скомпилированный scss в один CSS-файл с помощью веб-пакета - PullRequest
Новая
       39

Я не могу получить скомпилированный scss в один CSS-файл с помощью веб-пакета

0 голосов
/ 23 июня 2018

Вот мой webpack.config.js:

После того, как я запустил npm, запустите наблюдение 

 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
    module.exports = {
      mode: 'production',
      entry: './catalog/view/theme/default/sas/common.scss',
      plugins: [
        new MiniCssExtractPlugin({
          // Options similar to the same options in webpackOptions.output
          // both options are optional
          filename: "./catalog/view/theme/default/stylesheet/stylesheet.css",


        })
      ],
      module: {
        rules: [
          {
            test: /\.scss$/,
            use: [
              MiniCssExtractPlugin.loader,
              {
                loader: "css-loader",
                options: {
                  modules: true,
                  sourceMap: true,
                  importLoader: 2
                }
              },
              'postcss-loader',
              "sass-loader"
            ],
          }
        ]
      }
      ,
      watch: true,
    }

Я прочитал много примеров, но все еще в замешательстве - ни один не работает.Google просто даст вам кучу полезной информации.

1 Ответ

0 голосов
/ 27 июня 2018

Проблема была решена путем добавления в конфигурации: 

 output: {
path: path.resolve(__dirname, "catalog/view/theme/default/css"),

},

Я не заметил, что файл с css был сохранен в './src/ .../catalog/view/theme/default/sas/common.scss 'папка, поэтому «output.path» - обязательное свойство.

...