npm 发布插件

新建文件夹

npmGitLearn

npm init 

输入相关参数 name:发布的名称, version：版本号 ,entry：入口文件（我的是index.js） 等等

npm adduser 

在package.json中加入

"devDependencies": {
"babel-cli": "^6.0.0",
"babel-core": "^6.14.0",
"babel-loader": "^6.2.5",
"babel-plugin-istanbul": "^2.0.1",
"babel-preset-es2015": "^6.14.0",
"babel-preset-react": "^6.24.1",
"react": "^15.6.1",
"react-dom": "^15.6.1"
 }

基于react，babel用于将es6转成es5（因为之前用的roadhog，roadhog 不会对node_modules 下的js进行转换）

MyNpmDemo文件内容

import React from "react";

export default function MyNpmDemo(){
    return 

        你好，我是插件来的
    
}

入口文件 index.js 文件

import MyNpmDemo from 'MyNpmDemo.jsx';
module.exports={
    MyNpmDemo
}

.babelrc (babel配置)

{
  "presets": ['react', 'es2015'],
  "plugins": ['transform-react-jsx']
}

把es6转为es5

在package.json中加入

"build": "babel src --out-dir lib"

运行npm run build

将src目录下的文件输出到lib目录下

npm publish

在需要的项目中引入 package.json中加入

 " npmgitlearn": "^1.0.0"

npm install

在需要的地方引入

这里注意路径，如果直接引入不了，就按照插件包文件目录路径加进来

import {MyNpmDemo} from 'npmgitlearn';