Differences

This shows you the differences between two versions of the page.

--- programming:javascript:npm [2023/11/01 07:31] – removed - external edit (Unknown date) 127.0.0.1
+++ programming:javascript:npm [2023/11/01 07:31] (current) – ↷ Page moved from camunda:programming:javascript:npm to programming:javascript:npm skipidar
@@ Line 1: / Line 1: @@
+===== NPM ======
+Searching packages: https://stackoverflow.com/questions/10568512/how-to-find-search-find-npm-packages
+===== Create a project ======
+<code>
+npm init
+</code>
+===== Start project ======
+=== OPTIONAL Pick the repository ===
+Pick teh repository from which you serve the dependencies
+<code>
+npm config set -- "//code.siemens.com/api/v4/packages/npm/:_authToken" 12345-abcdefgH1234XYz12J
+</code>
+==== Build first ====
+<code>
+# install modules from package.json
+npm install
+</code>
+<code>
+# advanced build
+npm install --legacy-peer-deps --no-audit --prefer-offline --registry "https://registry.npmjs.org/"
+</code>
+| --legacy-peer-deps | avoids error "Conflicting peer dependency", when modules transitively depend on older npm-libs to be installed. And there are none in the repository, cause they were replaced by new versions. Then the build falls back to new versions of npm-lib and hopes they work too. |
+| --no-audit| skip vulnerability scan |
+| --prefer-offline |Stale data is an artifact of caching, in which an object in the cache is not the most recent version committed to the data source. If true, staleness checks for cached data will be bypassed, but missing data will be requested from the server.|
+|--registry | --registry "https://registry.npmjs.org/|
+==== OPTIONAL test ====
+<code>
+# starts the tests defined in
+npm test
+</code>
+==== start ====
+<code>
+npm run start -- --configuration mock --host 0.0.0.0 --disable-host-check  --port 4300
+</code>
+| -- | allows passing arguments to the "script", without writing them directly into the oackage.json . Here run executes "ng serve"  |
+| --configuration mock | angular configuration defined in angular.json|
+| --host 0.0.0.0  --disable-host-check | angular "serve" argument. Dont bind to localhost. Allows calling from another host, like host of VM. |
+| --port 4300 | angular "serve" argument. starts angular app on different port.|
+===== Using NPM in browser ======
+https://medium.com/jeremy-keeshin/hello-world-for-javascript-with-npm-modules-in-the-browser-6020f82d1072
+===== Setting the default registry ======
+<code>
+npm config set registry https://yoururl.com/artifactory/api/npm/npm-all
+npm config get registry
+</code>
+The file, where the config is stored is in your home dir and is called '.npmrc'
+Making the npm use a special registry for some package namespace is done as following
+Opens the '.npmrc' file
+<code>
+npm config edit
+</code>
+And configure the registry e.g. for the `@simpl` pacakges.
+Somewhere in `.nprc` add
+<code>
+@simpl:registry=https://code.yourdomain.com/api/v4/packages/npm/
+@simpl-labs:registry=https://code.yourdomain.com/api/v4/packages/npm/
+</code>
+If the repository requires authentication - there is some weird syntax allowing to add a token as authentication for a repository, using the `//domain` notation
+<code>
+@simpl:registry=https://code.yourdomain.com/api/v4/packages/npm/
+@simpl-labs:registry=https://code.yourdomain.com/api/v4/packages/npm/
+//code.yourdomain.com/api/v4/packages/npm/:_authToken=CSC-y-79x5babLxHyeWyE1xJ
+</code>