码迷,mamicode.com
首页 > Web开发 > 详细

用webpack发布一个vue插件包

时间:2019-09-09 19:28:03      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:管理员   注册   taobao   问题   name   reset   es6   strong   not   

创建库

本来以为很简单,结果配置了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插件包

标签:管理员   注册   taobao   问题   name   reset   es6   strong   not   

原文地址:https://www.cnblogs.com/nightstarsky/p/11493380.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!