webpack
海绵泡泡
专注前端,努力为大家带来优质内容的海绵泡泡。
展开
-
webpack stats
什么是stats stats 主要包含了webpack在编译源代码时的一些模块统计信息。这些统计数据可以用来分析应用程序的依赖关系图,也可以用来优化编译速度。 webpack 有一些特定的预设选项给stats 输出: 预设 可选值 描述 ‘errors-only’ none 只在发生错误时输出 ‘errors-warnings’ none 只在发生错误或有新的编译时输出 ‘minimal’ none 只在发生错误或新的编译开始时输出 ‘none’ false 没有输出 ‘no原创 2021-04-22 16:20:36 · 1620 阅读 · 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 · 252 阅读 · 0 评论 -
webpack实现ssr服务端渲染
正常情况下CSR 直接在客户端用render渲染出来即可。 可以看出,所有的渲染逻辑都是由打包出来的js文件完成,页面的整体框架是没有内容的,所以才说不以利SEO。(页面都没有东西啊,搜索引擎咋知道你页面是干嘛的) SSR逻辑 将组组件输出成字符串 将字符串输出到模板里面 服务端返回模板 项目结构 SSR代码实现 创建一个server端,写入配置 /server/index.js if(typeof window === 'undefined'){ global.window = {} }原创 2021-04-18 22:11:12 · 338 阅读 · 0 评论 -
webpack多页面打包配置方案
多页面应用打包方案 先来说说什么是单页面应用和多页面应用: 单页面应用(SPA),通俗一点说就是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。 多页面(MPA),就是指一个应用中有多个页面,页面跳转时是整页刷新。 单页面的优点和缺点: 优点: 用户体验好,快,内容的改变不需要重新加载整个页面,对服务器压力较小。 前后端分离,比如vue项目 完全的前端组件化,前端开发不再以页面为单原创 2021-04-04 11:21:53 · 324 阅读 · 0 评论