vue 插件发布后，下载之后不能用

Question

写了一个 vue toast 插件：vue-toast-arif
使用的 vue-cli 3.0
但是发布到 npm 之后，用不了。

经过仔细检查，发现 package.json 路径问题

首先我的目录结构是：

package.json 是如下这样写的

{
  "name": "vue-toast-arif",
  "version": "2.0.2",
  "private": false,
  "main": "dist/js/app.js",
  "module": "dist/js/chunk-vendors.js",
  "repository": {
    "type": "git",
    "url": "https://github.com/meidongwei/vue-toast-arif"
  },
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "vue": "^2.5.17"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.0.0",
    "@vue/cli-service": "^3.0.0",
    "vue-template-compiler": "^2.5.17"
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

如果把 main 字段写成:
"main": "src/lib/index.js"
然后打包发布就可以，但是这样的话，还打包有什么用呢？
我觉得应该引用打包后的文件才对啊？请问这里应该如何写呢？

Answer 1

看一下你得gitignore 是不是忽略了dist?

Answer 2

我也遇到了同样的问题，打包后的文件用不了