web包是目前前端开发中比较流行的打包工具，现在开始web包的安装流程和基本的打包方式1、web包是什么？ Webpack是前端开发工具，可以让各模块进行加载、预处理、打包
2、网络包有什么好处？ commonJS和AMD模块支持
2支持多种模块加载器调用，可灵活定制模块加载器
3通过将多个文件打包，有效利用浏览器缓存功能提高性能
4模块加载器支持sass、less等处理器并封装，支持静态资源样式和图片并封装
3、为什么要用它？ 原因在于，在Webpack中，任何静态资源都可以作为模块来处理，模块之间可以相互依存，用Webpack处理模块后，
可以打包为所需的静态资源
下载安装。 以下安装方法在命令行中进行。由于web包依赖于node环境，因此必须首先安装node并验证node的安装
安装成功后命令行点击： webpack -v，查看版本信息； 先初始化项目： npm init
2、接下来安装webpack:并通过命令行打入： npm install webpack -g
3、在一张磁盘下，从命令行创建进入相应文件夹的文件夹。 (我在D盘下创建了一个名为webpack的文件夹) )。
web包文件夹包含常规项目的文件夹，例如css、js和index.html。
4、首先用webpack简单打包JS文件，在命令行中，web pack./js/index.js./dist/index.bound le.js打包成功后，在dist文件夹下
5、简单的JS打包成功后，打包包含CSS、JS的文件webpack支持AMD、DMD、ES6，因此要将CSS文件和其他JS文件打包到打包的JS文件中。 例如：
虽然现在还不能直接打包，但webpack可以打包任何资源，但是需要相应的loader，因此需要配置文件在当前文件夹下创建名为webpack.config.js的文件
6、此文件名的子级固定的webpack.config.js。 具体操作如下。 (这是CSS的loader，需要照片连接百度网就可以了。 (module.exports=(//声明入口entry3360(./js/index.js )， 固定写法是指获取当前文件的核对路径，通过路径输入filename : ' ./dist/js/index.bound le.js ' /这是打包在哪里，或者输出到哪里}、 在module 3360 { loaders 3360 } CSS-loader ' }//2.0之后添加-loader，在以前的版本中自动添加]}7，在构成文件后，输入与命令行对应的CSS (或图像)
8、然后，可以直接在当前文件夹下的命令行中键入web包。 因为配置已经配置好了