如何發佈製做vue組件

引言

若是你本身作了一個感受還不錯的vue組件，而想分享給別人或者發佈到npm上，那該怎麼辦呢？

vue-share-components

分享一個大神作的一個 vue 模板，這個模板集成了本地測試和打包發佈，項目地址 https://github.com/Akryum/vue...

附上個人 github https://github.com/Jon-Millent [捂臉]

使用

安裝

npm i -g vue-cli
vue init Akryum/vue-share-components your-component-name
npm install
npm run dev

發佈

npm publish

打包

npm run build

最後別人就能夠這樣使用你的組件了

npm install your-component-name --save

import { Test } from 'your-component-name'

補充

若是你的組件裏有圖片和其餘資源，會打包出錯，請按照下面步驟解決

• 安裝兩個loader

  npm install url-loader --save
  npm install file-loader --save

• 修改添加 /config/webpack.config.base.js 添加規則，下面是示例

  rules: [
    {
      test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
      loader: 'url-loader',
      options: {
        limit: 10000,
      }
    },
    {
      test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
      loader: 'url-loader',
      options: {
        limit: 10000
      }
    }
  ]