gulp-lich-include
v1.0.5
Published
Lich.js dynamic include static resource gulpjs plugin.
Downloads
11
Readme
gulp-lich-include
Lich.js dynamic include static resource gulpjs plugin.
Instructions.
install plugin.
npm i gulp-lich-include -D
In gulpfiles.
let gulp = require('gulp'),
include = require('gulp-lich-include'),
// Config File.
config = require('./Lich.rules.config');
let test = function () {
let injectObject = {
env: 'test',
name: 'dmoo'
};
return gulp.src('src/test.html', {base: './src'})
.pipe(include(config, injectObject))
.pipe(gulp.dest('./dist'));
};
gulp.task('default', test);
For more examples, see the example folder
Define a config file. Like Lich.rules.config.js
module.exports = {
// developer directory.
devDir: path.resolve(__dirname, 'src'),
// template extension.
tplExtension: '.swig',
// javascript extension.
jsExtension: '.js',
// css extension.
cssExtension: '.css',
// command name.
command: 'Lich',
// declare rules.
rules: {
commonScripts: [{
type: 'js-local',
list: [
'js/test.rule',
'js/test1.rule'
]
}, {
type: 'js-npm',
list: [
'jquery/dist/jquery.min'
]
}],
commonStyles: [{
type: 'css-local',
list: [
'css/test1',
'css/test2'
]
}, {
type: 'css-npm',
list: [
'animate.css/animate'
]
}]
}
};
Local javascript include.
<!--Lich js-local="path/to/script"-->
<!--Lich js-local="path/to/script,path/to/other"-->
Local javascript merge.
<!-- Lich js-local-merge="path/to/merge.min:path/to/test1,path/to/test2"-->
Npm javascript include.
<!-- Lich js-npm="path/tp/script"-->
<!-- Lich js-npm="path/to/script,path/to/other"-->
Local style include.
<!--Lich css-local="path/to/style"-->
<!--Lich css-local="path/to/style,path/to/other"-->
Local style merge.
<!--Lich css-local-merge="path/to/merge:path/to/test,path/to/test1"-->
Npm style include.
<!-- Lich css-npm="path/to/style"-->
<!-- Lich css-npm="path/to/style,path/to/other"-->
Template include.
<!--Lich tpl="path/to/tpl"-->
Rule include.
<!--Lich rule="rule"-->