как запустить gulp задачи из веб-пакета - PullRequest
Новая
       20

как запустить gulp задачи из веб-пакета

0 голосов
/ 17 апреля 2020

Я недавно обновил gulp до версии 4+, а затем gulp больше не запускает задачи наблюдения. Что я делаю неправильно? ниже приведена обновленная версия кода gulp 3+ для gulp 4, я использую gulp.series согласно документации gulp4.

npm run build команда ранее скопировала бы папку ресурсов в 2 других места, ее больше не запускать задачи gulp и gulp watch.

Учитывая myGulpFile. js 

var gulp = require('gulp');
var path = require('path');

gulp.task('copytask', function() {
    gulp.src(['assets/**/*']).pipe(gulp.dest('buildpath/assets'))
        .pipe(gulp.dest(path.resolve(__dirname, '../somepath/assets')));
});
gulp.task('watchtask', gulp.series( function watchtask(){
    gulp.watch('assets/**/*', gulp.series('copytask'));
}));
gulp.task('default',gulp.series('watchtask', function (done) {
    console.log("Gulp started now from webpack!!");
done();
}));

Учитывая мой пакет. json для веб-пакета 

  "main": "webpack.config.js",
  "scripts": {
    "build": "webpack --progress -c",
    "watch": "webpack -w --progress -c",
    "dev": "webpack-dev-server --devtool eval --progress --colors --content-base build",
    "deploy": "NODE_ENV=production webpack --config webpack.production.config.js"
  },

и my webpack.config. js

var webpack = require('webpack');
var something ...;

require('./myGulpFile');

var config = {
...
}

module.exports = config;

любая помощь по этому вопросу очень ценится!

РЕДАКТИРОВАТЬ: Чтобы уточнить мой вопрос, я хочу запустить gulp, запустив только один из Команды webpack и автоматический запуск задач gulp (это происходило в версии gulp3 + с использованием описанной выше процедуры), но не выполнялись после обновления до версии gulp4.

Ответы [ 2 ]

0 голосов
/ 21 апреля 2020

Теперь все работает, я закончил тем, что изменил пакет. json команды и добавил && gulp -f myGulpFile.js в конец команды сборки, dev, deploy, как показано ниже. Это запустит задачи gulp сразу после команд webpack, и вам нужно будет выполнить только одну начальную команду webpack npm run build

 "scripts": {
   "build": "webpack --progress -c && gulp -f myGulpFile.js",
   "watch": "webpack -w --progress -c",
   "dev": "webpack-dev-server --devtool eval --progress --colors --content-base build && gulp -f myGulpFile.js",
   "deploy": "NODE_ENV=production webpack --config webpack.production.config.js && gulp -f myGulpFile.js"
 }, ```
0 голосов
/ 17 апреля 2020

Я думаю, теперь вам нужно использовать gulp для выполнения gulp по умолчанию и gulp <name-of-task> для выполнения рассматриваемой gulp, например gulp copytask.

...