webpack是前端工程化中的热门工具,市面上一些热门前端框架(例如React、Vue.js)使用webpack作为搭建脚手架。
webpack是一个javascript应用的静态模块打包工具,它可以通过npm(node.js package magager)来安装。
1.环境准备及初始化项目
npm是node.js中的包管理器,所以要使用npm就需要安装node.js。
1.1 安装node.js 10.x后查看node与npm版本
1.2 创建项目目录,使用npm init初始化
初始化完成后,目录下会生成package.json(package.json类似Gradle项目中的build.gradle)
1.3 安装最新版本webpack
要使用webpack4以上版本还需要同时安装webpack-cli
<p style="background:#000;color:#fff">npm install --save-dev webpack webpack-cli</p>