美文网首页
webpack学习记录

webpack学习记录

作者: 拾钱运 | 来源:发表于2019-10-08 11:19 被阅读0次

    先从看文档开始学习,认识,学习的是webpack v4.41.0
    传送门:https://www.webpackjs.com/

    概念:

    webpack是现代javascript应用程序的静态模块打包器。当webpack处理程序的时候,他会递归地构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。

    了解更多javascript模块和webpack模块这里:https://www.jianshu.com/p/164111f4ba70
    从webpack v4.0.0开始,可以不用引入一个配置文件。然而,webpack仍然还是高度可配置(需要在进一步学习)的。
    webpack的四个核心概念:

    • 入口(entry)
    • 输出 (output)
    • loader
    • 插件(plugins)

    入口

    入口起点指示webpack应该使用哪个模块,来作为构建其内部依赖图的开始。进入入口后webpack会找出那些模块和库是入口(直接和间接)依赖的
    每个依赖项随即被处理,最后输出到一个叫bundles的文件中
    通过webpack配置entry属性,来指定一个入口文件(main.js)

    出口

    相关文章

      网友评论

          本文标题:webpack学习记录

          本文链接:https://www.haomeiwen.com/subject/njqtpctx.html