Javascript-форум (https://javascript.ru/forum/)
-   Сборка проекта, утилиты (https://javascript.ru/forum/server-tools/)
-   -   6to5 modules (https://javascript.ru/forum/server-tools/53039-6to5-modules.html)

Gozar 11.03.2015 13:57

Цитата:

Сообщение от cyber
эти плагины http://webpack.github.io/docs/list-of-plugins.html идут из коробки

да.

webpack.config.js
var webpack = require('webpack');
module.exports = {
//...
,
    plugins: [
        new webpack.optimize.UglifyJsPlugin({
            compress: {
                warnings: false
            }
        })
    ]
}

cyber 11.03.2015 14:01

Тогда почему, получаю ошибку, когда делаю так

gulp.task( 'build', function(  ) {
    return gulp.src( "src/*.js" )
        .pipe(webpack( {
            plugins: [
                new webpack.optimize.UglifyJsPlugin( {
                    output: {
                        filename:  "videoPlayer360.min.js"
                    }

                } )
            ],
            output: {
                filename: "videoPlayer360.js"
            }
        }))


Цитата:

TypeError: Cannot read property 'UglifyJsPlugin' of undefined
И еще какого, он мне собирает все файлы в папке, а не только те которые подключены через require?

Gozar 11.03.2015 14:04

cyber,
1. У меня grunt
2. Я не знаю почему, но это не отменяет предыдущий ответ(из коробки - да).
3. обычно значит, что неправильно указаны настройки.

У тебя кстати 2 output - это нормально?

cyber 11.03.2015 14:06

Цитата:

Сообщение от Gozar
1. У меня grunt

Чем больше юзаю gulp, тем больше собираюсь вернутся на grunt)

Gozar, буду разбиратся, спасибо)

Erolast 12.03.2015 17:45

Цитата:

И еще какого, он мне собирает все файлы в папке, а не только те которые подключены через require?
Потому что ему нужно подавать входной файл, а не все.
Цитата:

TypeError: Cannot read property 'UglifyJsPlugin' of undefined
Очевидно, гулп-вебпак не предоставляет доступа к нативным плагинам.
Надо либо реквайрить core-вебпак отдельно, либо, если уж используешь гульп, использовать гульп-плагины:
let webpack = require("gulp-wepback");
let uglify = require("gulp-uglify");

gulp.task("build", function() {
    return gulp.src("src/index.js")
        .pipe(webpack({
            output: {
                filename: "bundle.js"
            }
        }))
        .pipe(uglify())
        .pipe(gulp.dest("dest"));
})


А вообще, при отсутствии других тасков, кроме билда, можно обойтись и без сборщиков:
//webpack.config.js
module.exports = {
    progress: true,
    colors: true,
    module: {
        loaders: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader'
        }]
    },
    entry: './src/index.js',
    output: {
        path: './dist',
        filename: 'bundle.js'
    }
};

Код:

$ webpack
$ webpack --watch

http://webpack.github.io/docs/cli.html


Часовой пояс GMT +3, время: 00:38.