组件发布到 NPM

const path = require('path')
module.exports = {
  pages: {
    index: {
      entry: 'examples/main.js',  //将入口文件设置为examps路径下的main.js文件
      template: 'public/index.html',
      filename: 'index.html'
    }
  },
  // 扩展webpack 配置，使packages加入编译,使用babel处理可以将高版本语法转成低版本语法，在我们封装组件库时，这部分配置可以直接复制使用。
  chainWebpack: config => {
    config.module
      .rule('js')
      .include.add(path.resolve(__dirname, 'packages')).end()
      .use('babel')
      .loader('babel-loader')
      .tap(options => {
        // 修改其他选项
        return options
      })
  }
}

// 整个包的入口
// 定义 install 方法，接受 Vue 作为参数，若果使用 use 注册插件，则所有的组件都将被注册
import Button from './button'
import Dialog from './dialog'
import Input from './input'
import Checkbox from './checkbox'
import CheckboxGroup from './checkbox-group'
import Radio from './radio'
import RadioGroup from './radio-group'
import Switch from './switch'
import Form from './form'
import FormItem from './form-item'
import './fonts/font.scss'
 
// 声明conpoments数组，将组件全部放到这个数组中
const components = [
  Button,
  Dialog,
  Input,
  Checkbox,
  CheckboxGroup,
  Radio,
  RadioGroup,
  Switch,
  Form,
  FormItem
]
// 定义install方法，在Vue中注册所有的组件
const install = function (Vue) {
  // 注册所有的组件
  components.forEach((item) => {
    Vue.component(item.name, item)
  })
}
// 判断是否是直接引入文件，若是，就不用调用Vue.use()
if (typeof window !== 'undefined' && window.Vue) {
  install(window.Vue)
}
// 导出install对象
export default {
  install
}

  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "lib": "vue-cli-service build --target lib packages/index.js"
  },

 "name": "ti-ui-self",
  "version": "0.1.4",
  "private": false,    // 要发布到 npm 必须设置为 false
  "main": "dist/ti-ui-self.umd.min.js", // 指定入口文件(dist下)
  "author": {
    "name": "TienOUC",
    "Github": "https://github.com/TienOUC"
  },

# 忽略目录
examples/
packages/
public/
 
#忽略指定文件
 
vue.config.js
babel.config.js
*.map

localhost:ti-ui willtien$ nrm ls
  npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
  taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
  npmMirror -- https://skimdb.npmjs.com/registry/
  edunpm ----- http://registry.enpmjs.org/

localhost:ti-ui willtien$ npm config get registry
http://registry.npmjs.org/

localhost:ti-ui willtien$ 
localhost:ti-ui willtien$ npm login 
Username: tienouc
Password: 
Email: (this IS public) dktianf@163.com
Logged in as tienouc on http://registry.npmjs.org/.
localhost:ti-ui willtien$ npm publish
npm notice 
npm notice 📦  ti-ui-self@0.1.4
npm notice === Tarball Contents === 
npm notice 121B    .editorconfig                         
npm notice 21.1kB  dist/ti-ui.css                        
npm notice 172B    dist/demo.html                        
npm notice 129.8kB dist/ti-ui.common.js                  
npm notice 130.2kB dist/ti-ui.umd.js                     
npm notice 34.7kB  dist/ti-ui.umd.min.js                 
npm notice 1.3kB   package.json                          
npm notice 13.1kB  README.md                             
npm notice 56.0kB  dist/fonts/element-icons.732389de.ttf 
npm notice 28.2kB  dist/fonts/element-icons.535877f5.woff
npm notice === Tarball Details === 
npm notice name:          ti-ui-self                              
npm notice version:       0.1.4                                   
npm notice package size:  133.4 kB                                
npm notice unpacked size: 414.6 kB                                
npm notice shasum:        8932c6ab363d19aec52fa7d10961b204c4b7c49e
npm notice integrity:     sha512-8AyupMnu4YJTl[...]y4BXTom1KixjA==
npm notice total files:   10                                      
npm notice 
+ ti-ui-self@0.1.4
localhost:ti-ui willtien$ 

npm version patch
npm publish