colinbate / ng2-brunch

Basic Brunch skeleton for Angular 2 with TypeScript.
40 stars 19 forks source link

Change default assets folder #12

Open SoldierCorp opened 8 years ago

SoldierCorp commented 8 years ago

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!

colinbate commented 8 years ago

The /app/assets folder is for files you want copied directly into your output. You likely don't want any .scss files in there at all. In order for your .scss files to be compiled into your combined stylesheets, you can put them anywhere outside assets according to your brunch-config. Which for this project means anywhere else in /app.

Likewise with your template files, if you want them compiled into JavaScript then they can go anywhere.

If you want templates compiled into HTML and copied into your output, that is possible, they do need to go into assets. That also assumes that the plugin supports that as it is a fairly recent feature in Brunch.

However, you can change the location of what Brunch considers an asset. Check out the appropriate documentation. It can take a regex, so you could tell it that all .jade files are assets.

I can tell you that the official SASS brunch plugin doesn't seem to support asset compilation, so you can't have it compile individual files into individual .css files without configuring each file separately in your config.

Let me know if this doesn't help. Perhaps I don't understand what you are trying to do.

sintro commented 7 years ago

Can you tell, what plugin or module is responsible for compiling of angular`s html-templates into JavaScript modules and for linking it in correct angular component controllers?

colinbate commented 7 years ago

In the current version of the skeleton, both the CSS and the HTML are inlined by the inline-css-brunch module.