一句话描述webpack
一个可以将多个文件打成一个或者多个文件的工具,所谓的打包器。如下图,webpack可以将6个文件打包为比较少的3个文件。
我用webpack的方法
- 前提条件
- 安装node.js,配置环境
- 安装npm
- 通过npm安装webpack(npm install -s-d webpack)
- 在项目根路径下建立一个文件,webpack.config.js。这个文件里写的是webpack的配置,比如入口文件(entry),生成打包文件的路径和文件名(path,filename),如何处理css、less、png、jpg、ttf、woff等各种格式的资源(modules:rules)等等。
- 具体的配置怎么写,网上好多了哦,不同版本的webpack也稍微有点区别。
- 使用plugins去实现特定的需求,比如打包时先清除目标文件夹(一般都叫dist),根据不同环境去打包,自动生成html等等。