叫做前端自动化构建工具,此类工具还有:grunt
前端自动化构建工具 是什么?
答: 自动化 less sass 自动转为css
js脚本,合并成一个
js脚本,压缩混淆,
img压缩
webpack 前端打包工具 打包:分析项目所以来的内容,自动去处理这些内容,比如css,js ,img,json, 有了打包工具.就不用引用那么多css,js等 插件
使用
- 进入使用 gulp 的目录中去,新建一个文件夹叫做js less 新建文件index.html,
build 将来文件编译输出目录
js 脚本存放目录
less
index.html
webpack工具是最火的一个工具,
之前会一个一个的顺序引入 js ,有了webpack 之后,一切皆模块,
webpack 自动查找依赖,自动打包,
webpack -w
在终端执行webpack 运行, 会去找webpack.config.js 的文件