gulp-query-js
v1.1.2
Published
This plugin provides automatic source maps, concatenation, minification and compiling with Babel.
Downloads
2
Maintainers
Readme
gulp-query-js
JS plugin for gulp-query
This plugin provides automatic source maps, concatenation, minification and compiling with Babel.
P.S. Try gulp-query-js-buble with the blazing fast, batteries-included ES2015 compiler
npm install gulp-query gulp-query-js
Example
Paste the code into your gulpfile.js
and configure it
let build = require('gulp-query')
, js = require('gulp-query-js')
;
build((query) => {
query.plugins([js])
.js('src/js/app.js','js/','app')
// uses own babel config and creates with new name
.js('src/js/admin.js','js/undercover.js',{
babel: {
presets: ['env']
}
})
// Config as object
.js({
from: 'src/js/main.js',
to: 'js/',
name: 'main'
})
// Multiple files
.js(['src/js/app.js','src/js/main.js'],'js/')
// Multiple files and combine
.js(['src/js/app.js','src/js/main.js'],'js/concat.js')
;
});
And feel the freedom
gulp
gulp --production // For production (minification)
gulp watch // Watching change
gulp js // Only for js
gulp js:app // Only for app.js
gulp js:admin js:main watch // Watching change only for admin.js and main.js
...
Options
.js({
name: "task_name", // For gulp js:task_name
from: "src/js/app.js", // ["src/js/f1.js", "src/js/f2.js"]
to: "js/", // set filename "js/concat.js" -- for concat or rename
source_map: true,
source_map_type: 'inline',
full: false, // if set true is without compress in prod
babel: {
presets: ['env']
}
})