Angular (CLI) 6 - Local library publishing

Question

I have made my first library, using the new angular-cli command: library.

After I build the library I wanted to import it into an existing project (without publishing to npm), but unfortunately without luck.. Actually, it works if I copy it into node_modules, but then I would have to do that every time I update my node_modules folder. Therefore I would like to have a folder (libs) in the root directory where I can store and reference all my (homemade) libraries.

I tried by making the folder and pasting the library into it, and added the paths options in tsconfig. Which results in a "cannot find module" error (I guess I am missing something in the cli setup, but I cannot figure out what)

Do you know what I am missing? Or do you have another approach to this scenario?

Thanks :)

EDIT:

tsconfig.json:

{
 "compilerOptions": {
 // code omitted for brevity
  "paths": {
    "my-lib": ["./libs/my-lib"],
  }
}

import in app.module.ts

import { MyLibraryModule } from 'my-lib'

Beese · Accepted Answer · 2018-06-19 11:25:50Z

3

Okay so I found a solution. I saved the libraries in the libs folder, and did "npm install /absolute/path/to/my/library --save" which seems to be the way to do it. (This creates a reference to the local library instead of npm)

Hope it helps anyone out there ;)

answered Jun 19, 2018 at 11:25

Beese

5252 gold badges5 silver badges19 bronze badges

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

Comments

user6437920 · Accepted Answer · 2018-06-18 09:38:24Z

0

Did you also export "./libs/my-lib" to make it available ?

answered Jun 18, 2018 at 9:38

user6437920

2 Comments

Beese Over a year ago

Do you mean in the index.ts file? I have done: "export * from './myLibrary.module'"

user6437920 Over a year ago

angular 2+ always require to add the component both on Ngmodule and export appmodule. you probably missing to import on app.module or you didnt export correctly. It is a common error, you will fix it

Vallerious · Accepted Answer · 2020-01-30 10:43:12Z

0

In my case the problem was that my baseUrl was "src" and my "paths" config was

"ngx-y-x": [
  "dist/ngx-y-x"
],
"ngx-y-x/*": [
  "dist/ngx-y-x/*"
]

So from "src" you try to find "dist" which is not there - I have to go back one level.

"ngx-y-x": [
  "../dist/ngx-y-x"
],
"ngx-y-x/*": [
  "../dist/ngx-y-x/*"
]

answered Jan 30, 2020 at 10:43

Vallerious

6408 silver badges15 bronze badges

Collectives™ on Stack Overflow

Angular (CLI) 6 - Local library publishing

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related