fix: read modules from local directory instead of global (#15)

Author: patrickmichalina

src/commands/serve.ts

@@ -1,7 +1,7 @@
 import { command } from 'yargs'
 import { take, tap } from 'rxjs/operators'
 import { logInfo } from '../utilities/log'
-import { FuseBox, JSONPlugin } from 'fuse-box'
+import { FuseBox, JSONPlugin, QuantumPlugin } from 'fuse-box'
 import { resolve } from 'path'
 import { NgProdPlugin } from '../fusebox/ng.prod.plugin'
 import { NgPolyfillPlugin } from '../fusebox/ng.polyfill.plugin'
@@ -60,65 +60,80 @@ import readConfig_ from '../utilities/read-config'
 // }
 
 command(
-  'serve [port]',
+  'serve [port][prod]',
   'serve your application',
   args => {
     return args
   },
   args => {
-    serve()
+    serve(args.prod)
   }
-).option('port', {
-  alias: 'p',
-  default: 5000,
-  description: 'Http server port number'
-})
+)
+  .option('prod', {
+    default: false,
+    description: 'Run with optimizations enabled'
+  })
+  .option('port', {
+    default: 5000,
+    description: 'Http server port number'
+  })
 
 function logServeCommandStart() {
   logInfo('Launching Serve Command')
 }
 
-function serve() {
+function serve(isProdBuild = false) {
   readConfig_()
     .pipe(
       tap(logServeCommandStart),
       take(1)
     )
     .subscribe(config => {
+      const cache = !isProdBuild
+      const log = config.fusebox.verbose || false
       const homeDir = resolve(config.fusebox.server.homeDir)
       const serverOutput = resolve(config.fusebox.server.outputDir)
       const browserOutput = resolve(config.fusebox.browser.outputDir)
+      const modulesFolder = resolve(process.cwd(), 'node_modules')
 
       const fuseBrowser = FuseBox.init({
+        log,
+        modulesFolder,
         homeDir,
-        cache: false,
+        cache,
         output: `${browserOutput}/$name.js`,
         target: 'browser@es5',
         plugins: [
-          NgProdPlugin({ enabled: false }),
-          NgPolyfillPlugin()
+          NgProdPlugin({ enabled: isProdBuild }),
+          NgPolyfillPlugin(),
           // NgCompilerPlugin({ enabled: opts.enableAotCompilaton }),
           // NgOptimizerPlugin({ enabled: opts.enableAngularBuildOptimizer }),
-          // opts.productionBuild && QuantumPlugin({
-          //   warnings: false,
-          //   uglify: false,
-          //   treeshake: false,
-          //   bakeApiIntoBundle: 'vendor'
-          //   // replaceProcessEnv: false,
-          //   // processPolyfill: true,
-          //   // ensureES5: true
-          // })
+          isProdBuild &&
+            QuantumPlugin({
+              warnings: false,
+              uglify: config.fusebox.browser.prod.uglify,
+              treeshake: config.fusebox.browser.prod.treeshake,
+              bakeApiIntoBundle: 'vendor'
+              // replaceProcessEnv: false,
+              // processPolyfill: true,
+              // ensureES5: true
+            })
         ] as any
       })
 
       const fuseServer = FuseBox.init({
+        log,
+        modulesFolder,
         target: 'server@es5',
-        cache: false,
+        cache,
         homeDir,
         output: `${serverOutput}/$name.js`,
         plugins: [
           JSONPlugin(),
-          NgProdPlugin({ enabled: false, fileTest: 'server.angular.module' }),
+          NgProdPlugin({
+            enabled: isProdBuild,
+            fileTest: 'server.angular.module'
+          }),
           NgPolyfillPlugin({
             isServer: true,
             fileTest: 'server.angular.module'

src/templates/fusebox.ts

@@ -1,8 +1,13 @@
 export const FUSEBOX_DEFAULTS = {
+  verbose: false,
   browser: {
     homeDir: 'src',
     outputDir: '.dist/public/js',
-    browserModule: 'browser/app.browser.module.ts'
+    browserModule: 'browser/app.browser.module.ts',
+    prod: {
+      uglify: true,
+      treeshake: true
+    }
   },
   server: {
     homeDir: 'src',

src/utilities/read-config.ts

@@ -21,11 +21,16 @@ export interface FuseBoxServerConfig extends FuseBoxBaseConfig {
 
 export interface FuseBoxBrowserConfig extends FuseBoxBaseConfig {
   readonly browserModule: string
+  readonly prod: {
+    readonly uglify: boolean
+    readonly treeshake: boolean
+  }
 }
 
 export interface FuseBoxConfig {
   readonly server: FuseBoxServerConfig
   readonly browser: FuseBoxBrowserConfig
+  readonly verbose: boolean
 }
 
 export interface FusingAngularConfig {