Почему webpack не генерирует css файл?

Question

[silencer-spirit]

Третий день бьюсь с webpack-ом и подключением sass к нему. Есть вот такая конфигурация, но она не генерирует css файл из sass. Буду очень благодарен ща помощь.

const NODE_ENV = process.env.NODE_ENV || 'development';
const path = require('path');
const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
const BrowserSyncPlugin = require('browser-sync-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const extractSass = new ExtractTextPlugin({
    filename: './css/main.css',
    allChunks: true
})

module.exports = {
    entry: './js/main.js',

    output: {
        publicPath: '/js/',
        filename: './js/common.js',
        library: 'common'
    },

    externals: {
        jquery: '$'
    },

    watch: NODE_ENV == 'development',

    watchOptions: {
        aggregateTimeout: 100
    },
    
    devtool: 'cheap-eval-source-map',

    resolve: {
        modules: ['./', 'node_modules'],
        extensions: ['*', '.js']
    },

    resolveLoader: {
        modules: ['node_modules'],
        moduleExtensions: ['-loader'],
        extensions: ['*', '.js']
    },

    module: {
        rules: [
            {
                test: /\.js$/,
                include: __dirname + './js/main.js',
                loader: 'babel?presets[]=es2015',
            },
            {
            test: /\.sass$/,
            include: [
                path.resolve(__dirname, '/sass')
            ],
            use: extractSass.extract({
                use: [ 
                        {
                            loader: 'style-loader'
                        },
                        {
                            loader: 'css-loader'
                        },
                        {
                            loader: 'sass-loader'
                        }

                     ]
                })
            }
        ],
        noParse: /jquery/
    },

    plugins: [
        new webpack.NoEmitOnErrorsPlugin(),
        new webpack.DefinePlugin({
            NODE_ENV: JSON.stringify(NODE_ENV)
        }),
        new UglifyJSPlugin(),
        new BrowserSyncPlugin({
            host: 'localhost',
            port: 3000,
            server: { baseDir: ['./'] }
        }),
        extractSass
    ],
}

Answer 1

[Ilya]

а ты их импортируешь в js?

Comments

[silencer-spirit]

Уже разобрался, спасибо. Да действительно нужно импортить в JS. Но в скринкасте Ильи Кантора генерация css файла с помощью плагина ExtractTextPlugin была без подключения в JS файл.