@plievre/t3

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