ctrl+shift+v : pour visualiser
Objectif : créer une lib sur npm que l'on puisse installer par un npm install
Lib : 3 scripts pour ce package utilisable par un import
* une fonction exportée utilisant moment
* 2 simples fonctions exportées
* 1 composant vue.js
sur mon PC ( pb de proxy sur PC SRH )
* j'ai créé un compte NPM.com
* puis je m'enregistre en local par
npm login qui demandera le user/password pour mettre à jour le fichier
/user/.npmrc qui contiendra qq chose comme cela
//registry.npmjs.org/:_authToken=5cfee72e-3446-46b0-af69-b290bd3c2248
npm run build , build dans dist le fichier qui pourra être installé par
npm install @plievre/???
Installation
npm init puis mettre package.json name =
@plievre/???" pour indiquer où doit être publié le package ( ??? == nom du package )
npm install rollup
npm install rollup-plugin-vue
npm install vue
npm install vue-template-compiler
npm install moment
Build
On pense à incrémenter la version du package.json
- npm run build
- npm publish --access public
> npm notice
> npm notice package: @plievre/t3@1.0.6
> npm notice === Tarball Contents ===
> npm notice 820B readme
> npm notice 104B src/aff2.js
> npm notice 114B src/check.js
> npm notice 215B dist/index.js
> npm notice 116B src/main.js
> npm notice 360B rollup.config.js
> npm notice 406B package.json
> npm notice === Tarball Details ===
> npm notice name: @plievre/t3
> npm notice version: 1.0.6
> npm notice package size: 1.3 kB
> npm notice unpacked size: 2.1 kB
> npm notice shasum: 4f2c22e79d096d351aa30581180d66b674e7891b
> npm notice integrity: sha512-aSEOpGjvAZxip[...]BToFvnCyb/uAQ==
> npm notice total files: 7
> npm notice
> +@plievre/t3@1.0.6
url package npm
import sans le composant vue : @plievre/t3@1.0.9
``
// code source
import { calcx5 , now } from "@plievre/t3";
console.log( '5*2 =' + calcx5(2) )
console.log( "heure = " + now());
// end
``
* npm init
* npm install @plievre/t3@1.0.9 ou npm update
* npm run build
* node .\dist\main.js
> 10
> 2020-06-06T16:06:41+02:00
import avec composant vue : @plievre/t3@1.1.0
* vue create xxx
* cd xxx
* npm install @plievre/t3 ou npm update
* replace dans xxx/App.vue
HelloWorld
par cpButton**
import HelloWorld from './components/HelloWorld.vue'
par import { cpButton } from '@plievre/t3'*
* dans xxx ,
vue serve qui lancera le serveur