廉江新聞最新消息/南京百度seo
文章目錄
- 前言
- SDK 打包
- 安裝 webpack
- 創(chuàng)建 webpack.config.js
- 編譯命令行
- 遇到的坑點(diǎn)
前言
上一篇已經(jīng)記錄了如何開發(fā)一個(gè)小游戲聚合SDK,既然是SDK,最終都是給外部人員使用的。調(diào)研了一下市面上的前端SDK,最終都是編譯成一個(gè) js 文件。我猜理由大概是 js 文件之間的調(diào)用都是需要網(wǎng)絡(luò)加載的,所有內(nèi)容都在一個(gè)文件里避免出現(xiàn)加載慢等問題。
SDK 打包
經(jīng)過調(diào)研,前端的編譯大多數(shù)使用 webpack 打包,webpack 官網(wǎng):https://www.webpackjs.com/concepts/
安裝 webpack
npm init -y # 初始化 npm 項(xiàng)目
npm install webpack webpack-cli --save-dev # 安裝 Webpack
創(chuàng)建 webpack.config.js
網(wǎng)上教程是是在項(xiàng)目根目錄創(chuàng)建 以上文件。
配置 webpack
// webpack.config.js
const path = require('path');module.exports = {entry: './src/index.js', // 入口文件,可以是你的主文件output: {filename: