美文网首页
前端静态项目打包用webpack还是gulp

前端静态项目打包用webpack还是gulp

作者: 想溜了的蜗牛 | 来源:发表于2020-09-16 17:00 被阅读0次

标题党,会的自然不需讲。但我真是第一次,搞这个东西让我明白了为什么静态项目用Webpack不合适。

Gulp可以方便操作静态文件,没有入口文件的说法。但Webpack则不然,它默认只识别JS或JSON文件,页面内静态的HMTL内容和CSS内容都需要用JS引入。

如果是静态的项目用Gulp吧,方便快捷。 css, js 都可以内联到html,只生成一个文件。

2020.9.25

补充一下, 使用 fontello 可以提取出font awesome里的图标 

参考文章: 提高 10 倍性能:优化静态网站

相关文章

  • 前端静态项目打包用webpack还是gulp

    标题党,会的自然不需讲。但我真是第一次,搞这个东西让我明白了为什么静态项目用Webpack不合适。 Gulp可以方...

  • gulp插件解决浏览器缓存问题

    一、前言 有些简单前端小项目,不需要涉及框架,前端打包压缩的话本妹子还是喜欢用gulp。本文将用gulp-rev和...

  • 一个简易的gulp例子

    gulp不仅仅是打包,可以优化前端的流程,(webpack打包优于gulp) gulpfile.js 定义gulp...

  • webpack入门

    webpack webpack是前端项目工程化的具体解决方案,是一个现代JavaScript应用程序的静态模块打包...

  • Webpack打包工具

    上一篇介绍了Gulp,公司的React项目用的是webpack打包,抽空将webpack的知识点整理进本篇。 先简...

  • Webpack 打包工具

    webpack 现代化前端最流行的一款 构建打包工具 前端构建打包工具的发展历史 grunt gulp fis w...

  • webpack配置【入门篇】

    前端开发中,选择合适的打包工具,如gulp webpack,可以极大的提高开发效率。本文就讲讲webpack入门配...

  • webpack 笔记

    什么是 webpack,有什么用? webpack 就是一个打包工具,宗旨是一切静态资源皆可打包,分析项目结构,找...

  • 压缩和混淆node.js服务端代码

    压缩和混淆node.js服务端代码 在前端我们有webpack,gulp等构建工具提供了从项目结构搭建到部署打包,...

  • webpack基础用法

    webpack webpack是一种前端资源构建工具,一个静态模块打包器,在webpack看来,前端所有资源文件都...

网友评论

      本文标题:前端静态项目打包用webpack还是gulp

      本文链接:https://www.haomeiwen.com/subject/wmlhyktx.html