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 配置的时候，这会是个很不错的选择。然而，使用此语法在扩展配置时有失灵活性。

 

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