使用的是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代码,开发环境不会