01-webpack使用

新建项目后初始化package.json

nom init -y

官方推荐本地安装

要安装最新版本或特定版本，请运行以下命令之一：

npm install --save-dev webpack

如果你使用 webpack 4+ 版本，你还需要安装 CLI。

npm install --save-dev webpack-cli

打包时使用方法

模块文件header.js

function addHeader() {
    let oDiv = document.createElement("div");
    oDiv.innerText = "我是头部";
    document.body.appendChild(oDiv);
}

exports.addHeader = addHeader;

使用模块文件index.js

const hModule = require("./Header.js");

hModule.addHeader();

打包指令

npx webpack index.js

会生成dist/main.js文件
在index.html中引入

<script src="dist/main.js"></script>