npm-tool-demo-03 v1.0.24

注册 npm 账号

NPM 官网

本地创建 npm 包文件

mkdir npm 包文件名

初始化 npm 项目

npm init -y

生成 package.json 文件

{
  "name": 上架npm仓库包名,
  "version": 版本号,
  "main": 入口文件,
  "scripts": {
    脚本命令
    "test": "echo \"Error: no test specified\" && exit 1",
  },
  "author": 作者名,
  "license": 版权类型,
  "keywords": 检索关键词(支持多个，需以数组形式)

使用 webpack 打包构建

安装 webpack

npm install --save-dev webpack webpack-cli

搭建 webpack 文件

  |- package.json
  |- config
    |- dev.js     开发
    |- index.js   基本
    |- prod.js    生产

创建脚本命令

{
  "name": 上架npm仓库包名,
  "version": 版本号,
  "main": 入口文件,
  "scripts": {
    脚本命令
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack --config config/dev.js",
    "start": "npm run dev",
    "build": "webpack --config config/prod.js"
  },
  "author": 作者名,
  "license": 版权类型,
  "keywords": 检索关键词(支持多个，需以数组形式)

鉴于浏览器兼容性，ES6 标准的 JavaScript 编译为 ES5

安装 babel 相关的包

npm install --save-dev @babel/cli
npm install --save-dev @babel/core
npm install --save-dev @babel/preset-env

搭建.babelrc

  |- package.json
  |- .babelrc

配置信息

 {
    "presets": ["@babel/preset-env"]
 }

打包

npm run build

登录 npm

npm login

发布

npm publish

遇到问题

重置 npm

npm config set registry=https://registry.npmjs.org

快速上手

安装

npm install --save-dev npm-tool-demo

引用

import native from 'npm-tool-demo';

使用

native.login(() => {})