Webpack генерирует слишком большой файл

273
22 марта 2017, 18:14

Знатоки webpack’a, я вот хочу подключать CSS в JS файле.

Как я подключаю, application.js:

import 'bootstrap/dist/css/bootstrap-theme.min.css';
import 'bootstrap-select/dist/css/bootstrap-select.min.css';
import 'bootstrap-multiselect/dist/css/bootstrap-multiselect.css';
import 'font-awesome/css/font-awesome.min.css';
import 'angular-ui-notification/dist/angular-ui-notification.min.css';
import 'slick-carousel/slick/slick.css';
import 'slick-carousel/slick/slick-theme.css';
import '../css/styles.css';
import '../css/custom.css';
import '../css/max-width_767.css';

Конфиг webpack’a, webpack.config.js:

var glob = require('glob'), 
    ngAnnotate = require('ng-annotate-webpack-plugin'), 
    ExtractTextPlugin = require("extract-text-webpack-plugin"); 
 
module.exports = { 
    entry: __dirname + '/application/application.js', 
    output: { 
        path: __dirname + '/build', 
        filename: 'bundle.js' 
    }, 
    plugins: [ 
        new ngAnnotate({ 
            add: true, 
        }), 
        new ExtractTextPlugin({ 
            filename: '[name].css', 
        }) 
    ], 
    module: { 
        loaders: [ 
            { 
                test: /\.js$/, 
                loader: 'babel-loader', 
                query: { 
                    presets: ['babel-preset-es2015'].map(require.resolve) 
                }, 
                exclude: /(node_modules|bower_components)/ 
            }, 
            { 
                test: /\.(png|woff|woff2|eot|ttf|svg|gif|jpg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
                loader: 'url-loader' 
            }, 
            { 
                test: /\.css$/, 
                loader: 'style-loader!css-loader' 
            } 
        ] 
    }, 
    node: { 
        fs: 'empty' 
    } 
};

Вот что у меня выходит на выходе, огромный файл bundle.js, 5 мб, наверное, со всеми шрифтами, картинками и т. д.

bundle.js 5.53 MB 0 [emitted] [big] main

Я лишь хочу конкатенировать CSS и вынести в bundle.css.

Что я делаю не так?

READ ALSO
Как просмотреть значение переменной в cshtml при отладке Visual Studio?

Как просмотреть значение переменной в cshtml при отладке Visual Studio?

При наведении на name не показывает её значение

262
Пустой photos_list при работе с VK API

Пустой photos_list при работе с VK API

Загружаю фотографию к себе в альбом согласно документации:

325