JS打包流程

安装依赖环境

安装js 打包需要的依赖的环境
npm install -g browserify
npm install --save-dev babelify @babel/core
npm install uglify-js -g
npm install --save-dev @babel/preset-env

添加打包脚本

将打包脚本复制 package.json文件中, 其中 xxx1是ts源文件路径, xxx2是编译后的js文件路径, xxx3是打包后的js的文件路径.

{
  "scripts": {
    "build": "rm -rf ./dist && tsc src/xxx1.ts && mkdir dist && npx browserify src/xxx2.js -t [ babelify --presets [ @babel/preset-env ] ] | uglifyjs --compress --mangle > ./dist/xxx3_min.js",
    "clean": "rm -rf dist"
  },
  "dependencies": {
    "xxx": "^0.30.0",
    "bignumber.js": "^9.1.1"
  }
}

导入依赖的库

const { XXX } = require('xxxx');

导出方法让外部可以调用到

globalThis.XXX = XXX
globalThis.XXX = XXX

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容