一.什么是网络包？
您可以将web包视为模块打包机。 这是分析项目的结构，找出无法在JavaScript模块和其他浏览器中直接执行的扩展语言(Scss、TypeScript等)，然后将其转换为适合浏览器的格式并打包。
二. webpack和gulp的区别？
1、其实Webpack和其他两个没有太大的可比性。 Gulp/Grunt是一种可以优化前端开发流程的工具，Webpack是一种模块化的解决方案，但由于Webpack的优势，Webpack在很多方面可以替代Gulp类工具。
2、Gulp的工作方式，给出了在一个配置文件中对某个文件进行类似的编译、组合、压缩等任务的具体步骤，工具可以自动完成这些任务。
三.网络包安装
使用npm安装，创建一个新的空文件夹" webpack sample project "，然后移动到该文件夹目录下，终端执行以下命令：
命令行：显示npm -v版本号
NPM:NPM install安装save mocha
webpack :npm insatll webpack -g的全局安装
有以下问题的解决方案。
1、
终端输入： sudo npm install webpack -g
2、
描述：由于npm版本问题，必须更新npm版本或回滚版本
终端：
更新NPMInstallNPM-g//NPM版本
NPM查看v//版本号
安装webpack后，不会发生此问题。
查看版本号： webpack -h
四.使用web包
1、在创建的文件夹中创建package.json文件。
发生了问题：
理由：
原因是，NPM install-g web包默认为全局安装的web包的最新版本，当前为4.0.1。 因为此版本将webpack命令行工具单独分离到webpack-cli上，因此需要安装其他webpack-cli并使用webpack命令，但存在很多漏洞。
为了与此视频配套，建议安装1.1.3版。 npm install -g webpack@1.1.3就可以了。
2、在终端上使用webpack (使用时可能会发生错误，建议使用第二种方法) )。
# {extry file}给出填写入口文件的路径。 在本文中是上述main.js的路径。 # {destination for bundled file}填充软件包文件的存储路径在填写#路径时{ } web pack { entry file } { destinationforbundledfile } # web pack web pack app/main.js public/bundle.js3，从配置文件中使用webpack 3.1新建webpack.config.js文件，并写入简单的配置文件代码。 module.exports={ entry : _ _ dirname '/app/main.js '， //唯一已经多次提到的门户文件output : { path : _ _ dirname '/pub base }//打包后的文件的存储位置filename : ' bundle . webpack为全局node_modules/.bin/webpack的命令自动通过参考webpack.config.js文件中的配置选项3.2来配置npm，然后在命令行中使用简单的NPM ststack { ' name ' : ' web pack-sample-project '，' version': '1.0.0'， ' description ' : ' samplewebpackproject ' ' scripts ' : { ' start ' : ' web pack ' /修复此处的json不支持使用注释时，请将其删除“license ' : ' isc ' ' dev dependencies ' : { ' web pack ' : '3. 10.0 ' } PS:package.JSON包含按一定顺序输入的搜索命令