fuse.ts

import { fusebox, pluginAngular, pluginSass, sparky } from "fuse-box";
class Context {
  isProduction;
  runServer;
  getConfig = () =>
    fusebox({
      target: "browser",
      entry: "src/entry.ts",
      modules: ["./node_modules"],
      webIndex: {
        publicPath: ".",
        template: "src/index.html"
      },
      cache: { enabled: true, FTL: true, root: "./.cache" },
      watch: true,
      devServer: this.runServer,

      plugins: [
        pluginAngular("*.component.ts"),
        pluginSass({ asText: true, useDefault: false })
      ]
    });
}
const { task, rm, exec } = sparky<Context>(Context);

task("default", async ctx => {
  ctx.runServer = true;
  const fuse = ctx.getConfig();
  await fuse.runDev();
});

task("preview", async ctx => {
  rm("./dist");
  ctx.runServer = true;
  ctx.isProduction = true;
  const fuse = ctx.getConfig();
  await fuse.runProd({ uglify: false });
});
task("dist", async ctx => {
  ctx.runServer = false;
  ctx.isProduction = true;
  const fuse = ctx.getConfig();
  await fuse.runProd({ uglify: false });
});