如何将多个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: