用webpack发布一个vue插件包

摘要：先到npm官网上注册一通，然后npm login，顺利的登录了，再运行npm publish，然后报错：只有管理员可以发布此模块,上网查了之后说是npm镜像的问题，不能用淘宝镜像，于是就安装了nrm专门用于切换镜像

创建库

本来以为很简单，结果配置了webpack之后，运行build就报错了，似乎不认识es6语法，于是先后安装了几个包：

@babel/core
@babel/preset-env
@babel-loader
@babel/plugin-proposal-class-properties

进行了一些配置：

// babel
const presets = [
    [
      '@babel/env',
      {
        targets: '> 0.25%, not dead',
        useBuiltIns: 'usage',
      },
    ],
]

const plugins = [
    '@babel/plugin-proposal-class-properties'
]
  
module.exports = { 
    presets, 
    plugins 
}

// rules
rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: "babel-loader"
      }
]

终于顺利打包成功，下面就开始发布了

发布npm包

先到npm官网上注册一通，然后npm login，顺利的登录了，再运行npm publish，然后报错：只有管理员可以发布此模块

上网查了之后说是npm镜像的问题，不能用淘宝镜像，于是就安装了nrm专门用于切换镜像

nrm的几个命令：

nrm -V 查看版本，实际就是查看下是否安装成功
nrm ls 查看镜像列表，可以查看当前的镜像
nrm use name 切换镜像，name是当前镜像的名字，比如npm，taobao之类的

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_5235