webpack 是一个模块打包器,原来我们在写页面的时候,我们会通过一个 script 标签引入一个 js 文件,当你引入模块化的概念之后, 一个 js 文件就是一个模块,如果各个功能合集独立的封装成一个模块,你会发现你的应用会拆分成非常非常多的模块,webpack 会通过一个入口文件,通过 import/require 静态的分析出你整个应用的模块之间依赖的情况,模块之间的依赖可能是非常混乱的,一个模块可能会被不同的模块引入,你没法直接的知道这些模块之间的依赖情况,当 webpack 静态的分析出整个依赖树的时候,他就会进行一个打包,默认打包输出的文件时 main.js。
我们最开是的时候,就应该先建立一个 package.js 文件,
在你开始写一个项目的时候,应该首先把一个项目的结构写好:
一般 src 文件夹里面放的就是你的源文件,app.js 就是你程序的入口,dist 文件夹里面放的就是我们要打包的文件,
(未完待续。。。)