用webpack发布一个vue插件包

创建库

本来以为很简单，结果配置了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之类的

巴特西

用webpack发布一个vue插件包

最新文章

热门文章