@ilabdev/scripts
Advanced tools
@ilabdev/scriptsGulp tasks for linting & compiling scripts
Install @ilabdev/scripts
npm install @ilabdev/scripts --save-dev
-- OR --
yarn add @ilabdev/scripts --dev
Include @ilabdev/scripts in your gulpfile.js
NOTE: Make sure you pass gulp through to the package as shown below. The package sets up gulp tasks and will need it passed through to work.
require( '@ilabdev/scripts' )( gulp )
Add the content from config.sample.js to your .gulpconfig.js and adjust as appropriate
module.exports = {
// Other configs here...
scripts: {
process: true,
watch: true,
logColor: 'magenta',
areas: [
{
paths: {
src: './src/js/scripts.js',
watch: './src/js/**/*',
dest: './dist/js',
},
minify: {
process: true,
separate: false,
},
pipes: {
// Put any pipe overrides here
src: {
allowEmpty: true,
base: './src/js',
sourcemaps: true,
},
dest: {
sourcemaps: '.',
},
},
},
],
pipes: {
filters: {
lint: [
'**/*.js',
],
build: [
'**/*.js',
'!**/libs/**/*.js',
],
},
watch: {
events: 'all',
},
eslint: {
// Overrides the version of eslint used
eslint: null,
formatter: 'stylish',
options: {
fix: false,
},
},
rollup: {
// Overrides the version of rollup used.
// Make sure to pass through the rollup function
// e.g. require( 'rollup' ).rollup
rollup: null,
input: {
plugins: [
require( '@rollup/plugin-babel' ).babel( {
exclude: 'node_modules/**',
babelHelpers: 'bundled',
} ),
require( '@rollup/plugin-node-resolve' ).nodeResolve(),
],
treeshake: false,
onwarn( e ) {
if ( e.code === 'THIS_IS_UNDEFINED' ) {
return
}
console.warn( e.message )
},
},
output: {
file: 'scripts.js',
name: 'Scripts',
format: 'umd',
generatedCode: 'es2015',
globals: {},
},
},
uglify: {
output: {
comments: '/^!|@preserve|@license|@cc_on/i',
},
},
},
},
// Other configs here...
}
Run gulp scripts to run the linting & compiling tasks, gulp scripts:lint to run the linting task, gulp scripts:build to run the compiling task, gulp scripts:watch to run the watch task, or add the task as a script and run that with npm or yarn
processType: boolean
Whether to lint & compile scripts or not
watchType: boolean
Whether to watch scripts for changes or not
loggerColorType: string
The logger color to use for any output text. See https://github.com/stgdp/fancy-logger#available-modifiers for colors that can be used
areasType: object[]
The areas to be linted & compiled. Each area has it's own, isolated settings to allow for separate configs
areas[].pathsType: object
Path references for the linter & compiler
areas[].paths.srcType: string[]|string
The paths to linted & compiled. Passed through to gulp.src, items can be globs
areas[].paths.watchType: string[]|string
The paths to watched. These are combined into a single array and passed through to gulp.watch
areas[].paths.destType: string
The destination path of the compiled scripts. Passed through to gulp.dest, items can be globs
areas[].paths.minifyType: object
The options for minifying scripts
areas[].paths.minify.processType: boolean
Whether to minify scripts or not
areas[].paths.minify.separateType: boolean
Whether minified scripts should be separate files or not
areas[].pipesType: object
Options to be passed through to the pipes.
areas[].pipes.srcType: object
Options to be passed through to the gulp.src pipe. See https://gulpjs.com/docs/en/api/src/ for more information
areas[].pipes.destType: object
Options to be passed through to the gulp.dest pipe. See https://gulpjs.com/docs/en/api/dest/ for more information
pipesType: object
Options to be passed through to the pipes.
pipes.filtersType: object
Filters for each task
pipes.filters.lintType: string[]
Filters for the lint task
pipes.filters.buildType: string[]
Filters for the build task
pipes.watchType: object
Options to be passed through to the gulp.watch pipe. See https://gulpjs.com/docs/en/api/watch/ for more information
pipes.eslintType: object
Options for eslint
pipes.eslint.eslintType: class|null
Overrides the version of eslint used. Must pass through the eslint class e.g. require( 'eslint' ).ESLint
pipes.eslint.formatterType: string
The formatter to be used to output errors & warnings. See https://eslint.org/docs/latest/use/formatters/ for more information
pipes.eslint.optionsType: object
Options to be passed through to the eslint class. See https://eslint.org/docs/latest/integrate/nodejs-api#parameters for more information
pipes.rollupType: object
Options for rollup
pipes.rollup.rollupType: function|null
Overrides the version of rollup used. Must pass through the actual rollup function e.g. require( 'rollup' ).rollup
pipes.rollup.inputType: object
The input options to be passed through to rollup. See https://rollupjs.org/javascript-api/#inputoptions-object for more information
pipes.rollup.outputType: object
The output options to be passed through to rollup. See https://rollupjs.org/javascript-api/#outputoptions-object for more information
pipes.uglifyType: object
Options to be passed through to gulp-uglify. See https://www.npmjs.com/package/gulp-uglify for more information
FAQs
Gulp tasks for linting & compiling scripts
We found that @ilabdev/scripts demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Malicious PyPI package ‘set-utils’ steals Ethereum private keys by exfiltrating them through blockchain transactions via the Polygon RPC.
Research
Security News
Malicious Go packages are impersonating popular libraries to install hidden loader malware on Linux and macOS, targeting developers with obfuscated payloads.
Security News
Bybit's $1.46B hack by North Korea's Lazarus Group pushes 2025 crypto losses to $1.6B in just two months, already surpassing all of 2024's $1.49B total.