Статьи / JavaScript

webpack

Пример базовой сборки webpack, она умеет:
1. собирать ECMAScript6 с помощью babel-loader (требуется дополнительная установка через npm)
2. ужимать файлы плагином UglifyJsPlugin
3. создавать source-map для отладки

webpack.config.js

var webpack = require('webpack');

module.exports = {
    devtool: '#source-map',
    entry: {
        'site': '/stati/javascript/webpack/js/src/site.js',
        'user': '/stati/javascript/webpack/js/src/user.js' 
    },

    output: {
        path: __dirname + '/js/build/',
        filename: "[name].bundle.js",
        sourceMapFilename: "[name].map"
    },

    module: {
        loaders: [
            { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' }
        ]
    },
    plugins: [
        new webpack.optimize.UglifyJsPlugin({
            compress: {
                warnings: false
            }
        })
    ]
};