Navigation

    西南IT社区
    • Register
    • Login
    • Search
    • 主页
    • 问答
    • 话题
    • 热门
    • 圈子
    • 工作机会
    • 活动
    • 项目

    轻松搞定webpack5.x

    开源推荐
    webpack 轻松搞定webpack5.x
    1
    1
    93
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • 回忆是薄荷味
      回忆是薄荷味 last edited by

        webpack属于一种前端资源构建工具,也可以称之为一个静态模块打包器。同时就webpack而言,前端的所有资源文件都可以作为模块来处理。它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源。
      ccfc4ff5-4afa-49ce-9ba5-c3deb7ca9248-image.png
        entry:代表入口。webpack是基于模块的,使用webpack首先需要指定模块解析入口(entry),webpack从入口开始根据模块间依赖关系递归解析和处理所有资源文件。output:指的是输出。源代码经过webpack处理之后的最终产物。

        loader:指的是模块转换器。本质就是一个函数,在该函数中对接收到的内容进行转换,返回转换后的结果。并且因为Webpack 只能够辨别JavaScript语言,所以 Loader就顺利成章的成为了翻译官,然后对其他类型的资源进行转译的预处理工作。

        plugin:扩展插件。基于事件流框架 Tapable,插件可以扩展 Webpack 的功能,在 Webpack 运行的生命周期中会广播出许多事件,Plugin 可以监听这些事件,在合适的时机通过 Webpack 提供的 API 改变输出结果。

        mode 模式:这个模式下能够通过选择development 或 production的方式,来设置mode参数,并且能够启用相应模式下的 webpack 内置的优化。

      项目地址:
      https://webpack.docschina.org/

      1 Reply Last reply Reply Quote 0
      • First post
        Last post
      使用HTML构建办公软件 使用HTML构建办公软件 使用HTML构建办公软件
      娇
      玩
      1
      光
      A
      庆
      小
      U
      Y
      L
      I
      Z
      I
      Y
      C
      Z
      E
      Y
      U
      I
      A
      Z
      Y
      Y

      西南地区IT社群(QQ)
      云南
      【昆明网页设计交流吧】243627302
      【昆明nodejs交流吧】 243626749
      【VUE】838405306
      【云南程序员总群】343606807
      【昆明UI设计】104031254
      【云南软件外包】15547313
      贵州
      【PHP/java源码/站长交流群】55692114
      四川
      【成都Java/JavaWeb交流】86669225
      【vaScript+PHP+MySql】116270060
      【UI设计/设计交流学习群】135794928
      重庆
      【诺基亚 JAVA游戏博物馆】 559479780
      【PHP,Java,Python,C++接单】 442103442
      西藏
      社群
      昆明网页设计交流吧
      友情链接
      • Funtask
      • Funtask 社区
      • SUWIS
      ©2019-2021 滇ICP备20006698号