colinbate / ng2-brunch Goto Github PK

Basic Brunch skeleton for Angular 2 with TypeScript.

TypeScript 69.29% HTML 12.91% JavaScript 9.05% CSS 8.76%

ng2-brunch's Introduction

Brunch with Angular

This is an Angular ^2.4.5 application, built with Brunch. It uses TypeScript ^2.1.5

This version does not pin a specific version of Angular as it did in the past. All Angular 2 versions should be non-breaking.

Getting started

You will need Node.js installed. Recommend version 6.9.1 or later. Make sure you have at least version 4 and NPM 3.

If you plan to work with Brunch regularly, you may want to install it globally: npm install -g brunch

With Brunch installed globally you can simply run brunch new -s colinbate\ng2-brunch to initialize a folder with this project.

Otherwise clone this repository, remove the .git folder, and run npm install.

Run

npm start — watches the project with continuous rebuild. This will also launch HTTP server with pushState.
npm run build:prod — builds minified project for production

Learn

public/ dir is fully auto-generated and served by HTTP server.
Write your code in app/ dir.
Place static files in app/assets/. These will be copied directly.
Brunch site, Getting started guide

ng2-brunch's People

Contributors

Stargazers

Watchers

Forkers

nebulis ingloriouscoderz gitter-badger krazygit rkaramc kabir hverlin yingding matt-harvey imylomylo somostech kompuser zxshinxz subatheesh s-steephan cc3c smulube mnjstwins

ng2-brunch's Issues

Vendor.js logical error???

Hi,

in brunch-config.js i saw:

'vendor.js': /^node_modules/,

WHY????

Brunch conc and compress all modules from "node_modules" into "vendor.js" including modules for brunch???

Cannot find module 'buffer' from 'rxjs/operator/buffer.js'

I just loaded up your skeleton and started up the server, but getting this error in the browser:
Cannot find module 'buffer' from 'rxjs/operator/buffer.js'

Environment:
npm: 2.14.20
node: 4.4.0
brunch: 2.9.1
Windows 7

Better errors

I'm not sure if this is the place to put this, but How can I get better errors when compiling typescript? I get the following error:

18 Nov 13:59:54 - error: Compiling of app/models/preferences.model.ts failed.

I've got simple typescript errors, for example not using super() before everything else in a constructor. I want line numbers and the actual error from compiling. Does anyone know how to get this?

brunch watch -s mode doesn't like outside template files

I tried using your methodology of using require('./path_of_template.html'), but sometimes brunch doesn't like it, and sometimes angular doesn't like when i update the template file, then save. The autoreload becomes unhappy:

01 Nov 17:11:07 - info: compiling
01 Nov 17:11:11 - info: compiling.
01 Nov 17:11:15 - info: compiling..
01 Nov 17:11:19 - info: compiling...
01 Nov 17:11:23 - info: compiling
01 Nov 17:11:27 - info: compiling.
01 Nov 17:11:31 - info: compiling..
01 Nov 17:11:35 - info: still compiling...
01 Nov 17:11:39 - info: compiling
01 Nov 17:11:43 - info: compiling.
01 Nov 17:11:47 - info: compiling..
01 Nov 17:11:51 - info: compiling...
01 Nov 17:11:55 - info: compiling
01 Nov 17:11:59 - info: compiling.
01 Nov 17:12:03 - info: compiling..
01 Nov 17:12:07 - info: compiling...
01 Nov 17:12:11 - info: compiling
01 Nov 17:12:15 - info: compiling.
01 Nov 17:12:19 - info: compiling..
01 Nov 17:12:23 - info: compiling...
01 Nov 17:12:27 - info: compiling
01 Nov 17:12:31 - info: compiling.
01 Nov 17:12:35 - info: compiling..
01 Nov 17:12:39 - info: compiling...
01 Nov 17:12:43 - info: compiling
01 Nov 17:12:47 - info: compiling.

But it will go back to normal after killing and restarting the server.

Change default assets folder

Hi!

I'm new with Brunch but I want to know if it's possible to use and compile .scss and .jade/.pug files directly in the root (/app) instead to put all inside /app/assets, I mean, avoid to use assets to put all those files and keep the .jade and .scss files within the component folder without put inside /assets/

Kind regards!

WARN: index.ts compiled, but not written. Check your javascripts.joinTo config

I'm getting the above warning message whenever I try to build the skeleton with npm start. Looking around, it appears that it could be a regex problem, as detailed in this issue thread (starting with the comment by rodgomes)

Below is the full log:

22 Apr 12:58:43 - info: application started on http://localhost:3333/
22 Apr 12:58:45 - info: compiling
22 Apr 12:58:47 - warn: C:\Users\tyler.WORKGROUP\Documents\GitHub\zenith-folio\app\directives\router-active.ts compiled, but not written. Check your javascripts.joinTo config
22 Apr 12:58:47 - warn: C:\Users\tyler.WORKGROUP\Documents\GitHub\zenith-folio\app\about\index.ts compiled, but not written. Check your javascripts.joinTo config
22 Apr 12:58:47 - warn: C:\Users\tyler.WORKGROUP\Documents\GitHub\zenith-folio\app\home\index.ts compiled, but not written. Check your javascripts.joinTo config
22 Apr 12:58:47 - warn: C:\Users\tyler.WORKGROUP\Documents\GitHub\zenith-folio\app\app.ts compiled, but not written. Check your javascripts.joinTo config
22 Apr 12:58:47 - warn: C:\Users\tyler.WORKGROUP\Documents\GitHub\zenith-folio\app\vendor.ts compiled, but not written. Check your javascripts.joinTo config
22 Apr 12:58:48 - info: compiled 415 files into 2 files, copied index.html in 6.2 sec

ES6 spread syntax not getting compiled

Hi there,

Thank you very much for angular2 brunch seed project.

Just reporting a problem where, whenever I use es6 spread syntax, It fails to compile.

e.g.


private getMaxY(): number {
    let maxValuesOfAreas = [];
    this.config.forEach(data => maxValuesOfAreas.push(Math.max.apply(Math, data.dataset.map(d => d.y))));
    return Math.max(...maxValuesOfAreas);
  }


08 Nov 13:47:04 - error: Compiling of app/directives/area-chart/area-chart.component.ts failed.

If I change

    return Math.max(...maxValuesOfAreas);

 return Math.max.apply(this,maxValuesOfAreas)();

works fine.

would there be specific typescript config for this issue.

Thank you
Andy

styleUrls for components being added to global styles

Hi,
Tried setting the styleUrls for the home component in the skeleton but the css is being joined into the global app.css file. Is there a way to stop this?

Thanks
Rajeev

Unresolved import in app.ts

I'm trying to install and utilize the skeleton. After I run npm start I keep running into this error:

    20 Apr 19:40:21 - info: application started on http://localhost:3333/
    20 Apr 19:40:24 - info: compiling
    20 Apr 19:40:28 - error: Resolving deps of app\app.ts failed. Could not load module 'app\home' from 'C:\Users\tyler.WORKGROUP\Documents\GitHub\zenith-folio\app'. Possible solution: add 'app' to package.json and `npm install`.
    20 Apr 19:40:28 - error: Resolving deps of app\about\index.ts failed. Could not load module 'app\about\about.tpl' from 'C:\Users\tyler.WORKGROUP\Documents\GitHub\zenith-folio\app\about'. Possible solution: add 'app' to package.json and `npm install`.
    20 Apr 19:40:28 - info: compiling.
    20 Apr 19:40:29 - info: compiled 477 files into 2 files, copied index.html in 8.4 sec

As far as I can tell, it looks like it's not importing files in app/home correctly? Apologies if this seems simple - I'm new to this.

I'm using node v4.4.1 and the lastest version of brunch (including the deppack fix in issue #3 ), if that helps.

Build *.SCSS on Brunch start

Can you make Brunch to build SCSS files to our unified, minimised app.css?

Build failure

Hi Colin, I'm unable to run the example, it fails during compilation:

> [email protected] build /Users/joeri/work/github/colinbate/ng2-brunch
> brunch build

05 Apr 07:23:18 - info: compiling
05 Apr 07:23:19 - error: Resolving deps of app/app.ts failed. Could not load module 'home' from '/Users/joeri/work/github/colinbate/ng2-brunch/app'. Possible solution: add 'home' to package.json and `npm install`. 
05 Apr 07:23:20 - info: compiled 475 files into 2 files, copied index.html in 6.1 sec

This is on an OSX system with node version v5.9.1 and npm 3.7.3

Attached detailed build output obtained with DEBUG='brunch:*' npm run build and the output of npm shrinkwrap for more version numbers. If you need more info please let me know.

npm-shrinkwrap.json.txt
bruch-compile-failed.txt

Joeri