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

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

原文地址:https://www.cnblogs.com/moneyss/p/9680054.html