webpack 入门笔记1

webpack是一个综合性平台
1 为npm环境 -packjson ->依赖 - >依赖的编译器环境 bale- ->esj- >程序.构建一个综合平台。
2 开发目录到生产目录；
3 打包优化 将上百个依赖整合 为若干chunk.提升下载速度.

综合总线打通步骤
1 （node环境已下载）建立npm环境 -与本地的链接 npm init 指令 会新建 package.json 文件 ：打通npm环境到->本地的依赖下载
2 （下载webpack webpack-cli） webpack 是核心语法 -cli是交互指令。 输入webapck 直接就打包了 scripts:{build：‘webpack’} 是一个proxy.npm-cli 转其他cli；
3 程序里面有 webpack里面有 内置的bale 与postcss + 预编译期 - > import 这时候执行指令build = webpack就通了。

原理就是ATS 树状结构 ->遍历相同类型放在一起，遍历对应对应的loader-转换为ES5。放在一起压缩。fs:write 输出位相同文件；

webpack.config.js(文件打包：loader不同类型文件识别转成js的chunk，入口，出口 )
修改内部默认配置 webpack.config.js 这个是运行在 node 环境的 （common.js）
enter ouput mode
1, webpack 默认只识别 js .但可以通过loader 识别 其他文件。 .css .ts .less
module:{ rules:{test 匹配文件 use 使用那些loader{loader: option :{}}}
}

1 识别各种文件用各种loader 如img ->chunk file-loader 识别css 用style-loader
2 E6-E5用 beale （插件平台） 里面嵌入插件 控制beale 用beale.config.js 这些平台性的都是 XX.config.js