doubleyong
管理员
管理员
  • 最后登录2026-05-10
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:7102回复:0

[其它]webpack的介绍及相关资源

楼主#
更多 发布于:2019-06-27 22:00
什么是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
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号