网络日志
首页
问答
友情链接
登 录
WebPack
站长
1年前
Vue
HTML
2022前端面试总结,看完弄懂,工资少说加3K
前言文章涉及的内容可能不全面,但量很多,需要慢慢看。来源于各个地方,我花了很长的时间整理,希望对大家有帮助。前端目录Html相关1html语义化意义:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。注意:1.尽可能少的使用无语义的标签div和span;2.在语义不明显时,既可以使用div或者p时,尽量用p,因为p在默
551
0
0
站长
2天前
WebPack
Webpack项目如何改了配置文件自动重启项目
前期场景基于Webpack的项目,项目的配置文件、package.json、环境变量文件发生了变更都需要手动重启项目,才可以在浏览器中看到效果。由于这些都是静态的配置文件,如果需要让他们的变更能够触发项目自动重启,就需要一个工具去监听他们的变化,这个时候隆重登场了nodemon是一个工具,可在检测到目录中的文件更改时自动重新启动节点应用程序,从而帮助开发基于Node.js的应用程序。不需要对您的代
1
0
0
站长
5天前
WebPack
入门Webpack:从安装到打包
随着前端技术的不断发展,Webpack渐渐成为了前端工程化的标配。它是一个模块打包器,将应用程序中的所有模块打包到一个或多个JavaScript文件中。Webpack不仅可以将多个脚本和样式表文件合并成一个压缩文件,从而减小了页面加载时间,还支持各种工具和插件,比如babel-loader,用于将ES6及以上的代码转换为ES5代码,而且Webpack不仅可以处理JavaScript,还可以处理CS
0
0
0
站长
6天前
JavaScript
面试
涨薪面技:如何写 webpack 路径解析插件(2)
一、前文回顾上文详细讲述了webpack中的resolver的由来及作用:以上是有关webpack中的Resolver相关的基础知识,resolve是webpack中相当重要的一个组成部分,后面的几篇文章我们重点研究这个对象。今天这篇我们要研究webpack有关resolver的配置部分。二、resolve配置项和resolver在webpack中,我们通过webpack.config.js.re
1
0
0
站长
6天前
面试
WebPack
面试回:webpack代理原理
前言思想觉醒:突破笼子里面的囚禁。一、webpack我们可以先简单和面试官拉扯一下:webpack能干什么。webpack是静态模块打包工具。webpack的主要特点包括:二、webpack代理Webpack代理的原理是在开发环境中,为了解决前端应用需要请求后端API接口的问题,可以通过配置一个代理服务器来转发请求。这样可以避免跨域问题,并且方便开发人员在本地调试前端应用时进行接口调用。在Webp
1
0
0
站长
6天前
JavaScript
面试
涨薪面技:写个 enhanced-resolve 插件(4)
一、前文回顾本文详细介绍了webpack.config.js.resolve和resolveLoader选项对象的各个配置项及其作用。下一篇我们正式进入到createResolver的重点环节——流水线钩子的注册!二、enhanced-resolve与构建流程在NormaoModuleFactory模块构建过程中,参与模块路径的解析,将解析所得的loader和模块路径交给后续的构建流程。2.1ge
0
0
0
站长
6天前
JavaScript
CSS
thunkli/hummingbird: 一个资源(jpg/png/webp/svg/gif/css/js/html)压缩客户端
是一个资源(jpg/png/webp/svg/gif/css/js/html)压缩客户端。jpg/png/webp/svg/gif/html压缩后会替换掉当前文件,替换前会在当前目录新建文件夹并备份处理前的文件。css/js压缩后会生成一个带.min的新文件。Install可能需要你在→选择允许的应用程序是一个解压文件夹而不是安装包。分享统计数据和压缩参数配置数据是保存在用户目录下中,本App不做
2
0
0
站长
6天前
WebPack
React
提高webpack的打包速度:happypack和dll打包
提高webpack的打包速度:happypack和dll打包背景本人一直在用React开发一个后台管理系统,那天不小心加了个富文本编辑器()之后,webpack打包的速度就直线下降,觉得是时候要开始一波优化了。当前的配置是,在这个配置下打包一次的数据是happypack多线程打包一般情况下,js是单线程执行的,但node不是。利用node提供的多线程环境,是可以多线程打包的。基本上打开官网看了一下
1
0
0
站长
6天前
WebPack
张伦:巧用 webpack loader 实现项目的定制化
出品|滴滴技术作者|张伦▍前言:随着前端技术的发展,Web应用变得复杂。为解决开发的复杂度,前端开发也有了模块化的概念。使用Webpack完成模块化的打包构建的方案,可谓尽人皆知。但是利用Webpack能做的事情远不止如此。这篇文章从一个独特的角度,利用Webpack的特点实现了定制化需求,希望能够对大家有一些启发。▍背景有这样的需求:项目交付的给客户时,需要支持针对客户定制产品的LOGO、登录界
2
0
0
站长
6天前
WebPack
react+webpack5搭建环境
前言工作中用到,练习搭建react+webpack5环境计划是这样的:准备一个基本npm项目index.htmlindex.jsapp.jsapp.css好的,项目初始结构就这样子。基本配置安装react添加webpack.base.config.js配置到这里项目还不能跑,因为webpack不认识react的jsx语法,需要安装babel进行预处理配置js打包安装Babel(处理js/jsx等文
3
0
0