如何将你封装的组件使用 npm 发布

import $ from "jquery";

// ... 此处省略代码 

module.exports = {
  entry: './src/main.js',
  output: {
    // 修改打包出口，在最外级目录打包出一个 index.js 文件，我们 import 默认会指向这个文件
    path: path.resolve(__dirname, './dist'),
    publicPath: '/dist/',
    filename: 'npm-test.js',
    library: 'npm-test', // 指定的就是你使用require时的模块名
    libraryTarget: 'umd', // libraryTarget会生成不同umd的代码,可以只是commonjs标准的，也可以是指amd标准的，也可以只是通过script标签引入的
    umdNamedDefine: true // 会对 UMD 的构建过程中的 AMD 模块进行命名。否则就使用匿名的 define
  },
  // ... 此处省略代码 
}

// 发布开源因此需要将这个字段改为 false
"private": false,

// 这个指 import npm-test 的时候它会去检索的路径
"main": "dist/npm-test.js",

npm login   // 登陆 
Username: <用户名>
Password: <密码>
Email: (this IS public) <邮箱地址>
Logged in as javanx on https://registry.npmjs.org/.

npm publish // 发布

npm install npm-test -S

import CustomUI from 'npm-test'