1-1 webapack4配置-webpack介绍及打包基本步骤实例

1.什么是webpack？
webpack是一个javascript应用程序的静态模块打包器。
2.webpack有什么作用？
webpack会将项目的资源文件当成一个一个的模块，模块之间会有依赖关系，webpack将会对这些有依赖关系的文件进行处理，让浏览器能够识别出来，最后将应用程序需要的每个模块打包成一个或者多个bundle。
3.打包的实例：
1）安装node
链接: https://nodejs.org/zh-cn/
2）在桌面新建一个项目webpackdemo
3）打开sublime，打开这个项目
4）创建package.json文件（步骤：首先打开终端，进入到项目所在的文件夹路径里，进入项目，输入npm init,然后根据提示一步步进行选择）如下图所示：
输入npm init
这样项目下就会出现一个package.json文件，文件里的内容为：

{
   
  "name": "webpackdemo",