美文网首页
JS打包流程

JS打包流程

作者: MrQun | 来源:发表于2023-04-10 18:03 被阅读0次

    安装依赖环境

    安装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

    相关文章

      网友评论

          本文标题:JS打包流程

          本文链接:https://www.haomeiwen.com/subject/nvlwddtx.html