webpack中文文档地址：https://www.webpackjs.com/

webpack是现代javascript应用程序的静态模块打包器（modulebundler）。当webpack处理应用程序时，它会递归地构建一个依赖关系图（dependency graph），其中包含引用程序需要的每一个模块，然后将所有这些模块打包成一个或者多个bundle。

安装webpack环境

1.安装  node.js     （webpack基于node.js开发出来的一个前端工具）

2.创建一个文件夹

3.创建配置文件  package.json         （npm   init   -y）

4.下载模块  cnpm  install  webpack    webpack-cli   --save-dev

5.创建一个配置文件  webpack.config.js

const path=require("path");    //webpack需要使用绝对路径

module.exports={

        entry:"./js/index.js",     //entry（入口）   文件路径

        output:{                  //output(输出)

                path:path.resolve(__dirname,"dist"),      //数据路径

                filename:"my-webpack.js"                    //输出的文件名

        }

};

webpack的四个核心概念

入口（entry）    从哪里开始打包

出口 （output）  打包后的文件存到哪里

加载器（loader） 导入非js文件

插件（plugins）  增加webpack功能