|
什么是webpack
官网:https://webpack.js.org/ bundle your images bundle your styles bundle your assets bundle your scripts 总结:就是一个打包工具 为什么用webpack 1、打包: 解决文件的依赖 减少HTTP请求次数 2、可以进行转换: 通过各种loader把浏览器不认识的转化成认识的 3、前端的优化 代码的压缩,图片的压缩。。。 4、构建开发服务器 webpack和gulp有什么区别 相同: 1、都能对文件进行压缩合并 2、不认识的语言都能转化 3、都可以创建前端服务器 区别: 定位不同: gulp帮助构建自动化的项目,看中的是开发流程 webpack模块之间的依赖 什么时候用webpack什么时候用gulp 不会用模块化,不会单页面开发,用gulp 做spa的项目用webpack 关于webpack的版本 webpack4.x webpack主要知识 Entry 入口文件 Output 出口文件 Loaders 转换器 Plugins 插件 Mode 环境配置(生产模式 开发模式) Browser Compatibility 浏览器的兼容 devServer 开发服务器 相关资源 webpack官网:https://webpack.github.io/ webpack中文网:https://www.webpackjs.com/ webpack学习笔记(阮一峰教程demo):https://www.jianshu.com/p/080e18fcf0e3 webpack面试题汇总:https://www.jianshu.com/p/bb1e76edc71e 前端面试之webpack篇:https://segmentfault.com/a/1190000011383224 webpack面试题:https://www.jianshu.com/p/e80d38661358 webpack 入门到实践(视频):http://ke.gxaedu.com/course/186 |
|
|