Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20170714_about_fusebox

wakamsha
July 14, 2017

 20170714_about_fusebox

2017年7月14日 『Gotanda.js #8 in Nextbeat』にて発表した資料です。
https://gotandajs.connpass.com/event/57562/

wakamsha

July 14, 2017
Tweet

More Decks by wakamsha

Other Decks in Technology

Transcript

  1. #BTJD&YBNQMF • https://angular.io/tutorial w ϓϩμΫγϣϯίʔυ *.ts  w ϑΝΠϧ਺14 w

    ίʔυߦ਺388 w ґଘϥΠϒϥϦ w @angular/جຊతͳϠπ͍Ζ͍Ζ w SYKT w DPSFKT w [POFKT 5PVSPG)FSPFT"OHVMBS5VUPSJBM
  2. const {FuseBox} = require('fuse-box');
 
 
 const fuse = FuseBox.init({


    hogeDir: 'src/scripts',
 output: 'public/assets/$name.js',
 sourceMaps: true,
 cache: true
 });
 
 const app = fuse
 .bundle('bundle')
 .instructions(`> main.ts`);
 
 fuse.run(); project/bin/fuse.js
  3. {
 "name": "tutorials",
 "version": “1.0.0”,
 "scripts": {
 "bundle": "node ./bin/fuse”


    },
 "dependencies": {
 "@angular/common": "^4.2.6",
 "@angular/compiler": "^4.2.6",
 "@angular/core": "^4.2.6",
 "@angular/forms": "^4.2.6",
 "@angular/http": “^4.2.6", ⋮
 "core-js": "^2.4.1",
 "rxjs": "^5.4.2",
 "zone.js": "^0.8.12"
 },
 "devDependencies": {
 "fuse-box": "^2.2.0",
 "typescript": "2.3.4"
 }
 } package.json const {FuseBox} = require('fuse-box');
 
 
 const fuse = FuseBox.init({
 hogeDir: 'src/scripts',
 output: 'public/assets/$name.js',
 sourceMaps: true,
 cache: true
 });
 
 const app = fuse
 .bundle('bundle')
 .instructions(`> main.ts`);
 
 fuse.run(); project/bin/fuse.js
  4. FILE SIZE 3,477KB ELAPSED TIME 3.28s FILE SIZE 3,064KB ELAPSED

    TIME 11.86s FILE SIZE 3,522KB ELAPSED TIME 9.06s FILE SIZE 3,455KB ELAPSED TIME 7.58s
  5. FILE SIZE 1,149KB FILE SIZE 977KB FILE SIZE 1067KB FILE

    SIZE 1,170KB .JOJGZXJUI#"#&- $PNQSFTTFE  .BOHMF