webpack
文章平均质量分 85
IT飞牛
这个作者很懒,什么都没留下…
展开
-
Webpack构建多页应用Mpa(四):提取公共js、css、html代码,实现图片、字体单独打包,拆分多环境配置文件
上一节教程Webpack构建多页应用Mpa(三):文件结构和自动化打包中,我们完成了Mpa的文件结构和自动化打包,这一节我们继续完善,完成公共html代码的提取,并自动化导入。例如:A.html、B.html、C.html三个页面都有的头部代码header.html,自动化...原创 2021-08-01 22:40:37 · 1097 阅读 · 1 评论 -
Webpack构建多页应用Mpa(三):文件结构和自动化打包
本系列教程整体完成后,会完成一个可用的MPA应用,教程实际就是整个MPA的实现过程的记录。如果是想了解单项功能的实现,请继续往下看;如果是想了解整个MPA的开发和思考过程,建议从 Webpack构建多页应用Mpa(一):阐述设计概要 教程开始看起…我们需要实现的是一个多页面应用,到目前为止,我们还没有讲到如何创建多页面?以及如何规划文件存放结构?一、概述我们在做SPA单页面应用时,往往会使用一些现成的框架脚手架来做,框架本身已经提供了整套的解决方案,如页面切换、页面结构规划、公共文件结构规划等。.原创 2021-06-09 00:07:08 · 756 阅读 · 0 评论 -
Webpack构建多页应用Mpa(二):实现基础框架,单独打包样式文件
如果团队没有专职前端,并且项目预留时间也很紧张,没足够时间去系统学习工程化Vue项目,但是却也想让html、css、js这些代码被打包压缩,尽可能减少文件大小。并且想让项目导出的文件结构尽可能清晰、规整;原创 2021-06-06 23:22:35 · 1523 阅读 · 4 评论 -
Webpack构建多页应用Mpa(一):阐述设计概要
应用场景如果现在要做一个前后端分离的项目,可能第一反应就是使用市面上很火的三大MVVM框架(Vue、React、Angular)。但如果团队没有专职前端,并且项目预留时间也很紧张,没足够时间去系统学习工程化Vue项目,但是却也想让html、css、js这些代码被打包压缩,尽可能减少文件大小;针对这种场景,有没有办法可以快速构建一套前端页面体系,只要求掌握div+css+jq+ajax这些简单技术,就能快速去开发?答案是:可以,使用webpack构建webpack构建多页面应用优点:生成更少原创 2021-05-25 23:14:59 · 312 阅读 · 0 评论 -
Webpack自定义loader的执行顺序实战分析
在使用webpack打包过程中,官网提供了丰富的loader和plugin,可以让我们通过简单的配置就能完成很多复杂转换处理工作。有时候我们需要对指定类型的文件做通用处理,这时候我们就需要使用自定义loader,webpack提供了loader api。同步 Loaders无论是return 还是 this.callback 都可以同步地返回转换后的 content 值:sync-loader.jsmodule.exports = function (content, map, meta) {原创 2021-05-23 14:58:15 · 1436 阅读 · 1 评论