1.0.1 • Published 5 years ago
large-number-test-zy v1.0.1
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'))