当前位置: 首页 > news >正文

如何将多个JS文件打包成一个JS文件?

文章目录

  • 前言
  • SDK 打包
      • 安装 webpack
      • 创建 webpack.config.js
      • 编译命令行
  • 遇到的坑点

前言

上一篇已经记录了如何开发一个小游戏聚合SDK,既然是SDK,最终都是给外部人员使用的。调研了一下市面上的前端SDK,最终都是编译成一个 js 文件。我猜理由大概是 js 文件之间的调用都是需要网络加载的,所有内容都在一个文件里避免出现加载慢等问题。

SDK 打包

经过调研,前端的编译大多数使用 webpack 打包,webpack 官网:https://www.webpackjs.com/concepts/

安装 webpack

npm init -y               # 初始化 npm 项目
npm install webpack webpack-cli --save-dev  # 安装 Webpack

创建 webpack.config.js

网上教程是是在项目根目录创建 以上文件。

配置 webpack

// webpack.config.js
const path = require('path');module.exports = {entry: './src/index.js',  // 入口文件,可以是你的主文件output: {filename: 
http://www.lryc.cn/news/495530.html

相关文章:

  • 100个python经典面试题详解(新版)
  • C#初阶概念理解
  • node.js基础学习-url模块-url地址处理(二)
  • 算法与数据结构(1)
  • FTP介绍与配置
  • SQL面试题——抖音SQL面试题 最近一笔有效订单
  • 【线程】Java多线程代码案例(1)
  • go使用mysql实现增删改查操作
  • 【Rust】unsafe rust入门
  • dpwwn02靶场
  • K8S疑难概念理解——Pod,应该以哪种Kind来部署应用,为什么不直接Pod这种kind?
  • LabVIEW进行仪器串行通信与模拟信号采集的比较
  • D81【 python 接口自动化学习】- python基础之HTTP
  • 白鹿 Hands-on:消除冷启动——基于 Amazon Lambda SnapStart 轻松打造 Serverless Web 应用(二)
  • ROC曲线
  • c++ 位图和布隆过滤器
  • 阿里云CPU过载的一点思考
  • 单片机学习笔记 15. 串口通信(理论)
  • 算法训练营day22(二叉树08:二叉搜索树的最近公共祖先,插入,删除)
  • Linux history 命令详解
  • Kafka知识体系
  • 【Android】EventBus的使用及源码分析
  • 【大数据学习 | Spark调优篇】Spark之内存调优
  • Linux:文件系统inode
  • 力扣难题解析
  • 4.5-Channel 和 Flow:SharedFlow 和 StateFlow
  • Qt | TCP服务器实现QTcpServer,使用线程管理客户端套接字
  • 【提高篇】3.6 GPIO(六,寄存器介绍,下)
  • 【AI】数据,算力,算法和应用(3)
  • 深度学习笔记——生成对抗网络GAN