I ran gulp and I got the errors

[08:19:08] Failed to load external module @babel/register
[08:19:08] Failed to load external module babel-register
[08:19:08] Failed to load external module babel-core/register
[08:19:08] Failed to load external module babel/register
C:\Users\finnm\OneDrive\Desktop\min.io\gulp-boilerplate\gulpfile.babel.js:1
(function (exports, require, module, __filename, __dirname) { import gulp from 'gulp'
                                                              ^^^^^^

SyntaxError: Unexpected token import
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:616:28)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at execute (C:\Users\finnm\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\^3.7.0\index.js:28:18)

Revisit task names so things are consistently named by action:sourceType.

For example; currently there are things like markup:watch and styles:compile but it would be better if things were named the other way round.

Intuitively, I would think compile:script and lint:script or watch:markup and not the other way round.

@jh3y

Hello again!

I have a duplication of CSS becouse files with @import сombining. How can I compile only one index stylus file?

Hello!
It is gonna be great if you will add plugins 'kouto-swiss' and 'typographic'. Thank you.

Hello! Thanks for this boilerplate, but here is a error while I trying change .pug file.
'Task 'markup:compile' is not in your gulpfile'

Without any code changes.

At the very top of the log output:
Failed to load external module @babel/register
As a side note:
npm i babel-register
does not correct the issue.
I've been trying to solve this problem, no luck yet.

• Upgrade to use gulpjs/gulp#4.0
• Upgrade to use gulpfile.babel.js
• Utilise metadata in tasks for gulp -T

@jh3y

As per this tweet from @gulpjs remove deprecated gulp-util from boilerplate.

@jh3y

So I added Browserify into the compile scripts task, but just including a basic call to it in Scripts - Compile slows down to about 9 seconds. I'm only working with jQuery at the moment.

I wonder if there's a better way to add it than just throwing a call to browserify as a pipe in compile. Any guidance to improve performance would be very appreciated.

One issue seems to be as tasks are given string names and then used in various locations, it can be easy to write the wrong task name.

For example; scripts:compile or compile:scripts.

One way round this would be to have a module declaring task names that is used by files that need to reference task names. Something utilising key-mirror perhaps.

This issue came about from #8

@jh3y

As referenced by @gulpjs in response to a tweet, try out and potentially refactor to using exports as tasks which can be seen here

@jh3y

Thanks for this boilerplate, but it can't start with this package.
TypeError: _gulp2.default.parallel is not a function
You should install gulpjs/gulp.git#4.0 before. And it will work fine~!
Update the docs ;)

Hello here!
I have a problem with deploying images to the gh-pages.
Can u explain me how to do this right? How to config folders?

A real quick win bug here.

Currently markup compilation uses pug.

The options used for pug are as follows;

pug: {
  pretty: true,
  data  : {
    name       : pkg.name,
    description: pkg.description
  }
},

When markup is compiled, these options are only used when we aren't using the deploy environment.

.pipe(env.deploy ? plugins.pug(): plugins.pug(opts.pug))

But actually all we want to do is set the pretty option to false if it's true.

if (env.deploy && opts.pug.pretty) opts.pug.pretty = false;

@jh3y

i run this command for adding package from npm

npm install animejs --save

in index.js

import anime from 'animejs';

error

'anime' is defined but never used no-unused-vars
node_modules\animejs\anime.min.js (5:426) The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten

Hello! I found a problem with gulp-autoprefixer which have bad browser support. For exemple you can't
make a display: -webkit-flexbox prefix which need for safari4 (iphone 4++).
For solve this problem i did use the postcss plugin.
Just for you know.

In order to make it clearer how to use different tasks, make updates to use metadata.

@jh3y