webpack|Webpack(一)

为什么使用打包工具 开发时会使用多种语言、框架、不同的标准,预处理器
想要在浏览器运行必须经过编译成浏览器能识别的js、css语法
除此之外,打包工具还能压缩袋吗,兼容性处理,提升代码性能
打包工具 GRUNT
parcel
webpack
介绍 webpack 是一个静态资源打包工具
会以一个或多个文件作为打包的入口,将整个项目所有文件编译组合成一个好多个文件输出出去。输出的文件就是编译好的文件,就可以在浏览器端运行了
功能 开发模式:仅能编译JS的ES module语法
生产环境:还能压缩JS代码
配置 【webpack|Webpack(一)】1、entry(入口)
指示从那个文件开始打包
2、output(出口)
指示打包完的文件输出到哪里如何命名
3、loader(加载器)
webpack本身只能处理js、json等资源,需要接住loader才能解析其他资源
4、plugins(插件)
扩展webpack的功能
5、mode(模式)
主要由两种
development
production
准备配置文件

    推荐阅读