1.webpack是什么

webpack顾名思义是一个模块打包工具，可以将关联引用的js文件模块打包压缩成为一个或多个js文件，也会将浏览器不能直接运行的拓展语言如TypeScript等编译为浏览器支持的格式。

2.webpack安装

已安装node.js的前提下，执行“npm install -g webpack”全局安装，执行“npm install -g webpack-cli”全局安装cli可以命令行直接使用webpack命令。

我2018年4月6日安装的最新版本是4.5。

3.webpack4模式设置

设置开发模式:webpack –mode development

设置开发模式:webpack –mode production

每一种模式都是一些配置的集合，通过模式设置可以快捷的配置webpack的各项参数。

4.webpack使用

(1)安装webpack，设置mode模式，创建项目文件夹

(2)创建入口文件”./src/index.js”

(3)编写代码，在html中可引用”./dist/main.js”

(4)执行”webpack index.js”，将项目的相关js打包至”./dist/main.js”

(5)浏览器打开html，main.js生效，打包成功