建立一个新的专案资料夹,并初始化 npm 专案:
2.** 安装 Webpack 和 Webpack CLI 作为开发相依性:**
建立一个简单的 JavaScript 档案(例如index.js),其中编写了您的程式码。
建立一个 Webpack 设定档(例如webpack.config.js),在其中设定 Webpack 的行为。
在package.json文件中新增一个NPM脚本,方便轻鬆执行Webpack。例如:
使用 Webpack CLI 来建立您的专案。在终端机中,执行以下命令:
在dist资料夹中会产生一个bundle.js文件,其中包含了你的JavaScript程式码及其相依性的压缩结果。
建立一个HTML档案(例如index.html),在其中引入产生的bundle.js档案: