弁言

假如你本身做了一个觉得还不错的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
      }
    }
  ]