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/[email protected] 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/[email protected]

url package npm

import sans le composant vue : @plievre/[email protected]

// code source 
import { calcx5 , now } from "@plievre/t3";
console.log( '5*2 =' + calcx5(2) )
console.log( "heure = " + now());
// end

• npm init
• npm install @plievre/[email protected] ou npm update
• npm run build
• node .\dist\main.js

  10 2020-06-06T16:06:41+02:00

import avec composant vue : @plievre/[email protected]

• 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