Changing output directory for angular cli files

Question

I'm trying to serve inline.bundle.js, main.bundle.js, polyfills.bundle.js, styles.bundle.css, and vendor.bundle.js from /assets rather then the root of the dist folder. I can change the url requested in index.html by adding "deployUrl": "/assets", to my .angular-cli.json file, but the files are still output to the root of the dist folder.

How can I change the output folder of those files to be output into /assets?

DeborahK · Accepted Answer · 2017-08-01 22:25:28Z

1

Have you tried setting the "outDir"?

  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      ...

answered Aug 1, 2017 at 22:25

DeborahK

60.9k12 gold badges115 silver badges136 bronze badges

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

2 Comments

Jake Over a year ago

I tried this but it sets the output directory for ALL files. So index.html, favicon.ico and even my assets folder end up in dist/assets. (so all my assets are in dist/assets/assets)

DeborahK Over a year ago

I see. I don't think that there is a way to separate different parts of the output into different folders. You may want to post an issue/question to the github repo for the CLI.

Jake · Accepted Answer · 2017-08-02 19:53:29Z

1

I ended up just adding a mv dist/*.bundle.js* dist/assets to build in my package.json. And mv dist/*.bundle.css* dist/assets && mv dist/*.bundle.js* dist/asse for prod.

answered Aug 2, 2017 at 19:53

Jake

3796 silver badges26 bronze badges

1 Comment

Donald Over a year ago

How does angular know where those files were moved to?

sancelot · Accepted Answer · 2017-08-02 20:18:58Z

-1

try modifiying webpack config as follow

 output: {
    path: __dirname,   
    filename: 'assets/bundle.js', // move the bundle.js file under the assets folder
 }

for your css, if you are using extractTextPlugin, you can specify css output :

new ExtractTextPlugin('./assets/bundle.css'), // bundle.css will be put under /dist/css/

answered Aug 2, 2017 at 20:18

sancelot

2,07414 silver badges33 bronze badges

Collectives™ on Stack Overflow

Changing output directory for angular cli files

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related