锐客网

  1. 首页 > 睿知 > it技术 > >

webpack|Webpack(一）

前端javascriptwebpack

为什么使用打包工具 开发时会使用多种语言、框架、不同的标准，预处理器
想要在浏览器运行必须经过编译成浏览器能识别的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
准备配置文件

    推荐阅读


    上一篇：javascript|this相关问题

    下一篇：测试|UI自动化