Почему postcss-loader и bootstrap не работают вместе?

Question

[hellcaster]

Привет! Я знаю, что вопрос очень глупый, но я все же не понимаю почему так.

Решил подключить Bootstrap через npm

import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

но когда я захожу на сайт, то мне выскакивает вот это:

Кусочек из Webpack

{ // css
      test: /\.css$/,
      use: [
        MiniCssExtractPlugin.loader,
        { // css-loader
          loader: `css-loader`,
          options: {
            sourceMap: true,
            url: false
          }
        },
        {
          loader: `postcss-loader`,
          options: {
            ident: `postcss`,
            sourceMap: true,
            plugins: () => [
              require(`autoprefixer`),
              require(`css-mqpacker`),
              require(`cssnano`)({
                preset: [
                  `default`, {
                    discardComments: {
                      removeAll: true,
                    }
                  }
                ]
              })
            ]
          }
        },
        `csscomb-loader`
      ]
    }

Возможно кто-то знает в чем проблема и как её решить? Если нужно еще какие-то файлы — спрашивайте

Answer 1

[i_m_newbie]

Обычно автопрефиксер подключаю так:

npm install postcss-loader --save-dev
npm i -D autoprefixer

В webpack.config.js:

{
        test: /\.scss$/,
        use:  [  'style-loader', 'css-loader', 'postcss-loader', 'sass-loader']
 }

Затем в postcss.config.js:

module.exports = {
    plugins: [
      require('autoprefixer')
    ]
}