请问一下，“webpack的入口文件”，这个“入口文件”指的是什么？

Question

刚开始学习webpack，在教程中看到“入口文件”，百度一下未果。所以请问一下：

1.webpack的“入口文件”指的是什么？

2.“入口文件”有什么作用？

谢谢！

Answer 1

通常是这样的， 假设就三个文件:main.js, a.js, b.js

//main.js
var a = require('./a');
var b = require('./b');
console.log(a.value + b.value);

//a.js
module.exports = {value: 'a'};

//b.js
module.exports = {value: 'b'};

这里的main.js就是入口文件，在入口文件中引入其他的文件，最后生成的bundle.js就包含了这三个文件的所有内容。

Answer 2

webpack根据代码中的require将引用到的模块打包到一起，入口文件就是最初的那个require所在的文件；如果有两条独立的require路径，那么可能就需要两个入口文件。

Answer 3

就是最先执行的文件。。。

Answer 4

webpack是进行打包工作的，你可以把他当成一个打包工人，这个工人把很多很多的包裹进行打包，变成一个。
我们把所有的包裹都放到一个房子里面去，这个这个工人就可以去这个房子里面找到所有要打包的东西，把他们打包成为一个包裹了，这个房子就是一个入口文件，他既是一个房子，也是一个包裹，所有要打包的文件都包裹在这个文件之中，最终他们会被webpack打包成为一个包裹，一个文件。
当然，我们一个包裹中，还有可能包裹其他的包裹。
我们也可能想把一部分打包成一个文件，另一部分打包成另一个文件，这个都是可以实现的，只要配置多个入口文件跟使用插件就好了。