Angular 2 without 'dist' in nodejs

Question

Is it possible to run angular2 with node js without the given code in nodejs? What if i don't want to use dist folder in nodejs?

app.use('/', express.static('dist'));
app.get('/', function(req, res) {
res.sendFile(path.join(__dirname + '/index.html'));
});

The dist folder is typescript compiled to javascript as browser's don't understand typescript. Also can you please state the reason for removing the above nodejs code — Dhyey
– Dhyey, Commented Jun 25, 2017 at 8:17
@Dhyey because i have to run ng build everytime i make changes and i'm not able to tun through ng serve — Rajat Gupta
– Rajat Gupta, Commented Jun 25, 2017 at 8:40

Shivam · Accepted Answer · 2017-06-25 07:50:20Z

0

IMO, dist is basically the compiled angular code, You will still need the angular code somewhere to be served by the node server. From the express server's point of view, it doesn't matter whether its a compiled code (dist) or the uncompiled one.

Note: By compiling I mean build tasks which are performed over the Front End Code, Tasks like minification, uglifications, cdn'ing and many more.

answered Jun 25, 2017 at 7:50

Shivam

3,6421 gold badge17 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

Rajat Gupta Over a year ago

but @shivam, i need to run ng build again and when if i make a single comma change. Is there any way to run changes without ng build?

Shivam Over a year ago

Unfortunately no, Since you are using typescript (guessing from the use of ng2). You will have to trigger the build, to compile it down to js

Shivam Over a year ago

Yes, because ngserve does not save it to disk.. as I read from the documentation github.com/angular/angular-cli/wiki/serve

Rajat Gupta Over a year ago

i have a last doubt, if i upload my complete folder to server so i'll call everything from dist folder. So what if i make some changes and again want to update my server code

Shivam Over a year ago

Yes you will have to update the server code. There are couple of ways to do it. 1. Creating the new dist file locally and pushing it over to your server as a tarball. This approach has lots of limitations, but is good if its something not changing very regularly. 2. You can set up a deployment pipeline (or CI pipeline) with Jenkins and pushing the not compiled code to github or any other web based VCS. With Jenkins pulling from github and compiling the code, creating the dist. And hence automating the flow

|

AbdulRahman AlHamali · Accepted Answer · 2018-11-05 13:37:00Z

0

The main problem of the asker is that he/she does not want to waste precious time calling ng build every time a change is made.

The solution is to use ng build --watch, which builds the files and saves them in the "dist" directory immediately, and every time you change any file, the "dist" directory is updated at once.

answered Nov 5, 2018 at 13:37

AbdulRahman AlHamali

1,9511 gold badge15 silver badges18 bronze badges

Collectives™ on Stack Overflow

Angular 2 without 'dist' in nodejs

2 Answers 2

10 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

10 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related