@windwalker-io/fusion

Windwalker Fusion

Usage no npm install needed!

<script type="module">
  import windwalkerIoFusion from 'https://cdn.skypack.dev/@windwalker-io/fusion';
</script>

README

Windwalker Fusion

npm npm npm

Windwalker Fusion provides a clean, fluent API to run Gulp tasks for compiling your code. Fusion supports several common CSS and JavaScript pre-processors.

Requirement

Node.js 13 up.

Getting Started

mkdir myapp && cd myapp
npm install @windwalker-io/fusion --save-dev
cp -r node_modules/@windwalker-io/fusion/config/fusionfile.mjs ./

The fusionfile.js is your configuration on top of Gulp. The example code is:

const fusion = require('windwalker-fusion');

// The task `main`
fusion.task('main', function () {
  fusion.watch('src/scss/**/*.scss');

  fusion.sass('src/scss/**/*.scss', 'dist/app.css');
});

fusion.default(['main']);

package.json

"scripts": {
    "build": "cross-env node_modules/.bin/gulp --gulpfile=fusionfile.mjs",
    "build:dev": "cross-env NODE_ENV=development node_modules/.bin/gulp --gulpfile=fusionfile.mjs",
    "build:prod": "cross-env NODE_ENV=production node_modules/.bin/gulp --gulpfile=fusionfile.mjs",
    "watch": "cross-env NODE_ENV=development node_modules/.bin/gulp --watch --gulpfile=fusionfile.mjs",
    "watch:reload": "cross-env NODE_ENV=development node_modules/.bin/gulp --watch --livereload --gulpfile=fusionfile.mjs"
},