使用的是webpack4

1.webpack 和webpack-cli

可以通过webpack-cli来使用webpack里面的功能

npm i webpack webpack-cli -g 全局安装

npm i webpack webpack-cli -D 本地安装

2.运行指令：

    开发环境：webpack ./src/index.js -o ./build/build --mode=development

    webpack打包会以./src/index.js 为入口文件，打包后的资源输出到./build/build文件夹内的main.js中，模式为开发者模式

    生产环境：webpack ./src/index.js -o ./build/build.js --mode=production

    webpack打包会以./src/index.js 为入口文件，打包后的资源输出到./build/build文件夹内的main.js中，模式为生产者模式

3.结论：

    1.webpack能处理js/json文件，不能处理css/img等其他资源

    2.生产环境和开发环境将es6模块化编译成浏览器能识别的模块化

    3.生产环境会压缩js代码，开发环境不会