diff --git a/fuse.js b/fuse.js index 11af2484..45da56d9 100644 --- a/fuse.js +++ b/fuse.js @@ -1,23 +1,19 @@ -const { FuseBox, SassPlugin, CSSPlugin, CSSResourcePlugin } = require("fuse-box"); +const { + FuseBox, SassPlugin, CSSPlugin, WebIndexPlugin, +} = require("fuse-box"); const fuse = FuseBox.init({ homeDir: ".", output: "dist/$name.js", plugins: [ - [ - SassPlugin(), - CSSResourcePlugin({ dist: "dist/css-resources" }), - CSSPlugin(), - ], + WebIndexPlugin({ template: "packages/app/src/index.html" }), + [ SassPlugin(), CSSPlugin() ], ], }); fuse.dev(); -fuse - .bundle("app") - .instructions("> packages/app/src/index.ts") - .hmr() - .watch(); +fuse.bundle("app").hmr().watch() + .instructions(">packages/app/src/index.ts"); fuse.run(); diff --git a/package.json b/package.json index 038c7287..05a51b2c 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "devDependencies": { "@types/node": "^10.12.18", "fuse-box": "^3.6.0", + "node-sass": "^4.11.0", "npm-run-all": "^4.1.5", "typescript": "^3.2.2" } diff --git a/packages/app/src/index.html b/packages/app/src/index.html index dbd3d06a..be808407 100644 --- a/packages/app/src/index.html +++ b/packages/app/src/index.html @@ -39,38 +39,11 @@
- + $bundles