webpack 之(2) 使用初体验

npm i webpack webpack-cli -g

分析语句

运行指令: 开发环境
webpack ./src/index.js -o ./bulid --mode=development
webpack会以./src/index.js 为入口文件开始打包,打包后输出到./bulid/built.js
   整体打包是开发环境

运行指令: 生产环境
webpack ./src/index.js -o ./bulid --mode=production
webpack会以./src/index.js 为入口文件开始打包,打包后输出到./bulid/built.js
   整体打包是生产环境

分析:打包index.js(入口文件),然后data.json文件都在index.js中导入,形成依赖,所以打包后形成chUnk块,根chunk块的不同资源进行处理,js(es6)-js(es5)

结论:

1.webpack能处理js/json  不能处理 css/img等资源()

2.生产环境和开发环境

3.生产环境比开发环境多一个压缩js代码