gulp-lasso
Gulp plugin for Lasso.js. Replaces references to scripts or stylesheets into a set of HTML files.
Usage
First, install gulp-lasso
as a development dependency:
npm install --save-dev gulp-lasso
Then, add it to your gulpfile.js
:
var lasso = ; gulp;
Create the lasso config file:
lasso-config.json:
"plugins": // plugins can be specified here, or can be overridden in the gulpfile.js "fileWriter": "outputDir": "build/static" "fingerprintsEnabled": false "urlPrefix": "static/" "minify": true "resolveCssUrls": true "bundlingEnabled": true
Create the main Node.js JavaScript module file:
main.js:
var changeCase = ;console; // Output: 'Hello World'
Create a StyleSheet for the page:
style.css
Sample file under src/
eg: src/index.html
src/index.html:
Lasso.js Demo Lasso.js Demo
Run the following command to generate the concatenated, minifed css, js files inside static folder and references of those files are added into the html files:
gulp lasso
This should generate the html file in build/
build/index.html:
Lasso.js Demo<!-- <lasso-head> --><!-- </lasso-head> --> Lasso.js Demo <!-- <lasso-body> --><!-- </lasso-body> -->