标签归档:webpack

Webpack快速入门教程

1、简介

此教程涉及不深入,并除去了很多复杂的东西,记录也坚持以最简单为主,让初学者大概对webpack有一个简单的系统认识,更好的去进一步深入学习webpack。

Webpack是一个Javscript的打包程序,webpack会自动分析每个模块之间的依赖,然后将这些依赖统一打包成一个或多个文件。

webpack最强悍的地方是可以通过官方、第三方的插件以及加载器(loader)来实现对各种文件的解析、编译。

Webpack最重要的四个核心概念:入口(entry)、输出(output)、加载器(loader)、插件(plugin),下面我以做笔记的方式尽量说明几个概念的意思,如果想深入或者笔记中有不太明白的地方,可以到官方网站的文档中去查看。

2、入口(entry)

webpack的入口就相当于一个网页的index文件,有了入口文件,这样webpack才知道从何下手,webpack会根据这个入口文件去分析入口文件所依赖的所有文件,然后将这些所有的依赖文件打包成一个或者多个文件。

webpack提供了单个入口语法、对象语法。单个入口语法也是最简单的一种,只有一个入口文件,即一个进一个出。比如下面的这一种。

1 {
2   entry: './index.js'
3 }

继续阅读