zoukankan      html  css  js  c++  java
  • webpack浅析---入口篇

    webpack有四个核心概念:

    入口(entry)

    输出(output)

    loader

    插件(plugins)

    webpack-merge将环境、构建目标、运行时合并

    入口: 

    入口起点是指webpack 应该使用哪个模块 来作为构建其内部依赖图的开始

    webpack会找出有哪些模块和库是入口起点(直接、间接)依赖的

    每个依赖项随机被处理 最后输出到称之为bundles的文件中

    可以通过webpack配置中配置entry属性,来指定一个入口起点(或多个入口起点)默认值为 ./src

    单个入口:

    const config = {
        entry:{'./src/main.js'}
    }
    module.exports = config

    单个入口 {}可以省略

    [文件路径(file path)数组]:多个依赖文件一起注入,并且将它们的依赖导向(graph)到一个“chunk”时

    当你正在寻找为「只有一个入口起点的应用程序或工具(即 library)」快速设置 webpack 配置的时候,这会是个很不错的选择。然而,使用此语法在扩展配置时有失灵活性。

    {}:对象的话 是定义入口的最可扩展的方式

  • 相关阅读:
    Python-pymysql
    MySQL学习(3)
    MySQL学习(1)
    MySQL与PostgreSQL哪个更好?
    svn与git区别
    journalctl常用命令
    Spring Cloud 生产环境性能优化
    springcloud优雅停止上下线与熔断
    istio基础详解
    微服务的全链路监控
  • 原文地址:https://www.cnblogs.com/moneyss/p/9680054.html
Copyright © 2011-2022 走看看