核心概念webpack是一款前端资源模块打包工具，可以根据模块依赖打包输出浏览器可以识别的静态资源，并且可以组合多个文件打包成一个，减少http请求。源码地址零配置启动从webpack4.0.0开始，webpack可以零配置启动，webpack的命令也被迁移到一个单独的npm包——webpack-cli中，webpack的cli功能变得更加丰富和强大。我用一段代码来演示，零配置启动webpack：第一步：安装webpacknpmi-Dwebpack第二步：编写入口文件和依赖代码//webpack@4.32.2系列教程/demo01-ZeroConfiguration/src/role.jsexport默认类Role{constructor(name,skill){this.name=name;this.skill=技能；}}//webpack@4.32.2系列教程/demo01-ZeroConfiguration/src/index.jsimportRolefrom'./role'constrole=newRole('乔峰','降龙十八掌');控制台日志（角色）；第三步：使用NodeAPI启动webpackconstwebpack=require('webpack');//webpack4.0.0开始支持零配置启动webpackconstcompiler=webpack({});//使用NodeApi启动webpack编译，webpack4.0.0开始，webpack命令被迁移出来成为一个单独的npm模块包webpack-cli，这个包的功能越来越强大。//如果要使用webpack命令，必须安装webpack-cli包//如果不需要使用webpackcli命令功能，那么只需要安装webpack包即可。如果只安装webpack包，那么只有vue和react的脚手架可以通过nodeapi启动webpack，就是使用nodeapi来操作webpack//startwebpackcompiler.run((err,stats)=>{if(err){console.error(err);return;}//输出编译成功信息console.log(stats.toString({colors:true}));})第四步：cd到demo01-ZeroConfiguration文件夹，运行nodescripts/build.js
