随笔分类 - 前端构建工具
摘要：一、五个概念 entry：哪个文件为入口起点开始打包 output：输出的资源到哪里去，叫什么名字 loader：翻译官，webpack只能处理js代码，其他要交给loader来处理。 plugins，插件，执行范围更广的任务，如压缩 mode。开发模式(development)：本地可以运行就可以
阅读全文
摘要：一、什么是webpack 静态模块打包工具 webpack，将所有的前端资源文件(js/json/css/img/sass...)都会作为模块处理。它根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。 处理模块间的依赖关系，让我们可以模块化开发， grunt/gulp/webp
阅读全文
摘要：gulp 一、是什么gulp 前端构建工具。 项目开发完成，部署到线上，为了加快网站访问速度，会将如javascript/html/image/css进行合并压缩。 以前没有构建工具时，都是手动来做。繁琐、浪费时间、不需要动脑。 现在将这些操作编写成一个一个的任务。想做某个操作时，在命令行中操作，执
阅读全文
