@Antoskin
React

Как настроить mini-css-extract-plugin в webpack 4?

как настроить scss что б собирался в один бандл ??
мой код, js работает, css - нет..

const path = require('path');
let isDevMode = 'production' !== process.env.NODE_ENV;

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'main.js',
    publicPath: 'dist/'
  },
  devServer: {
    overlay: true
  },
  module: {
        rules: [
            {
                test: /\.js$/,
                exclude: [/node_modules/],
                use: [
                    {
                        loader: 'babel-loader',
                        options: { presets: ['es2015'] }
                    }
                ]
            },
            {
                test: /\.css/,
                exclude: /node_modules/,
                use: [isDevMode ? 'style-loader' : MiniCssExtractPlugin.loader, 'css-loader']
            }
       
        ]
    }, 
    plugins: isDevMode ? [] : [new MiniCssExtractPlugin({ filename: '[name].css' })]
};
  • Вопрос задан
  • 8633 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы