1.0.1 • Published 5 years ago

large-number-test-zy v1.0.1

Weekly downloads
1
License
ISC
Repository
-
Last release
5 years ago

webpack打包组件和基础库

webpack除了可以用来打包应用,也可以用来打包js库

实现一个大整数加法库的打包

  • 需要打包压缩版和非压缩版本 开发阶段使用压缩版,线上打包使用非压缩版
  • 支持AMD/CJS/ESM模块引入,或者直接通过script引入
  • 引入方式:
ES Module:
import * as largeNumber from 'large-number';
//...
largeNumber.add('999','1')

CJS:
const largeNumber = require('large-number');
//...
largeNumber.add('999','1')

AMD:
require(['large-number'],function(large-number){
    //...
    largeNumber.add('999','1')
})

script标签引入:
....
<script src="https://unpkg.com/large-number"></script>
//...
largeNumber.add('999','1')
// or
window.largeNumber.add('999','1')
  • 流程

    1.新建项目

npm init

2.编写方法 3.配置 4.打包,发布npm

npm run build
(需要登录npm账号)
npm adduser(添加npm账号信息username、pwd、email,不执行此命令会报401)
邮箱验证(注册成功,npm会附邮件到邮箱,点击链接即可)
npm publish(发版成功后再npm官网搜索large-number-test-zy看是否能搜到,搜到即发版成功)
    npm官网:https://www.npmjs.com/package/large-number-test-zy

5.引用

在其他项目中若需要使用:
安装    npm i large-number-test-zy -S
引用    import largeNumber from 'large-number-test-zy'(largeNumber为配置中library,large-number-test-zy为package.json中name)
        console.log(largeNumber('999,'111'))
1.0.1

5 years ago

1.0.0

5 years ago