![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
海绵泡泡
专注前端,努力为大家带来优质内容的海绵泡泡。
展开
-
webpack stats
什么是statsstats 主要包含了webpack在编译源代码时的一些模块统计信息。这些统计数据可以用来分析应用程序的依赖关系图,也可以用来优化编译速度。webpack 有一些特定的预设选项给stats 输出:预设可选值描述‘errors-only’none只在发生错误时输出‘errors-warnings’none只在发生错误或有新的编译时输出‘minimal’none只在发生错误或新的编译开始时输出‘none’false没有输出‘no原创 2021-04-22 16:20:36 · 1652 阅读 · 0 评论 -
手写webpack插件,小白入门 —— md文档转成html
Compiler 模块是 webpack 的主要引擎,它通过 CLI 传递的所有选项, 或者 Node API,创建出一个 compilation 实例。 它扩展(extend)自 Tapable 类,用来注册和调用插件。const { readFileSync } = require('fs');const { resolve } = require('path');const {compileHTML} = require('./compileHTML')class MdToHtmlPlugin原创 2021-04-21 15:37:30 · 258 阅读 · 0 评论 -
webpack实现ssr服务端渲染
正常情况下CSR直接在客户端用render渲染出来即可。可以看出,所有的渲染逻辑都是由打包出来的js文件完成,页面的整体框架是没有内容的,所以才说不以利SEO。(页面都没有东西啊,搜索引擎咋知道你页面是干嘛的)SSR逻辑将组组件输出成字符串将字符串输出到模板里面服务端返回模板项目结构SSR代码实现创建一个server端,写入配置/server/index.jsif(typeof window === 'undefined'){ global.window = {}}原创 2021-04-18 22:11:12 · 346 阅读 · 0 评论 -
webpack多页面打包配置方案
多页面应用打包方案 先来说说什么是单页面应用和多页面应用:单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。多页面(MPA),就是指一个应用中有多个页面,页面跳转时是整页刷新。 单页面的优点和缺点:优点:用户体验好,快,内容的改变不需要重新加载整个页面,对服务器压力较小。前后端分离,比如vue项目完全的前端组件化,前端开发不再以页面为单原创 2021-04-04 11:21:53 · 327 阅读 · 0 评论