webp

webpack的自定义插件学习

Pluginwebpack的插件可以加入自定义构建的行为,使webpack更加灵活的执行更广泛的任务webpack在编译源码的过程中,会触发一系列的Tapable钩子事件,而插件就找到合适时机的钩子事件
qq_43568455·2023-12-25 16:38

【webpack插件篇】webpack-plugin-mock 一款mockjs的webpack插件，配置简单、易用

背景现在前后端分离的项目很常见，当服务端接口在开发中时，前端要怎么调试接口尼，为了解决这个问题，模拟服务端接口应运而生，webapck-plugin-mock就是一个模拟服务端接口的webpack插件，
GuoguoDad~·2023-12-25 16:08

基于 Webpack 插件体系的 Mock 服务

背景在软件研发流程中，对于前后端分离的架构体系而言，为了能够更快速、高效的实现功能的开发，研发团队通常来说会在产品原型阶段对前后端联调的数据接口进行结构设计及约定，进而可以分别同步进行对应功能的实现，提升研发速率。除了常见的研发流程提效之外，对于一些特殊的无法满足前后端联调场景下，也可在条件不允许的情况下进行Mock处理，等待条件满足后再进行真实的接口联调，如：网络不通、多地协同等。本文从前端研发
维李设论·2023-12-25 16:06

hot-loader migrating from create-react-app

reacthotloader是什么ReactHotLoaderisapluginforWebpackthatallowsinstantaneousliverefreshwithoutlosingstatewhileeditingReactcomponents
司鑫·2023-12-25 16:24

强大的Adobe全家桶软件都是干什么用的，你知道吗？

根据受众市场的不同分为MasterCollection(大师版)、ProductionPremium（影音高级版）Design&WebPremium（网页设计版）等。
ai使用测评·2023-12-25 16:56

webpack构建前端工程

1-1准备工作新建项目文件夹npminit-y//初始化package.json文件npminitwebpackwebpack-cliwebpack-dev-server--save-dev//webpack4
十年之后_b94a·2023-12-25 16:52

cra(create-react-app)配置别名路径@ 以及Vscode联想路径配置

CRA本身把webpack配置包装到了黑盒里无法直接修改，需要借助一个插件-craco一、配置步骤：1.安装craconpmi-D@craco/craco2.项目根目录下创建配置文件craco.config.js
怕冷的火焰（~杰）·2023-12-25 15:14

webpack/全栈开发常用工具

webpack(全局安装)//webpack自身只有打包编译功能+插件可以实现打包,编译,测试等功能.安装：cnpmi-gwebpack编写需要编译的文件//src/1.js代码importmodfrom
子心_·2023-12-25 13:12

Vue项目中自动将px转换为rem

在vue脚手架开发移动端的项目的时候，我们需要适配不同的机型，如果想将设计稿量多少就写多少就需要进行一些配置了1.创建vue的脚手架项目（这一步是默认你安装了webpack和cli的相关内容）vueinitwebpack
渡劫大能·2023-12-25 12:30

vscode配置引起的roadhog热重载失败

通过试验，发现是由于vscode的配置引起的，vscode中配置文件如下：{"editor.wordWrap":"on","files.associations":{".webpackrc":"json
gisxiaowei·2023-12-25 11:03

node_modules 、package.json与 package-lock.json 作用

比如webpack、gulp、grunt这些工具。在node.js中模块与文件是一一对应的,也就是说一个node.js文件就是一个模块。
weixin_48986139·2023-12-25 10:41

Webpack基础使用

目录一.什么是Webpack二.为什么要使用Webpack三.Webpack的使用1.下载yarn包管理器2.Webpack的安装3.Webpack的简单使用4.效果四.Webpack打包流程一.什么是
蛋黄派i·2023-12-25 09:57

父子组件通信

如果项目里面不想对类型进行限制的化，这个包'prop-types'在项目里压根是没有使用的，那么webpack在打包的时候进行tree-shaking，这个包就摇树进行摇掉，最后不进行打包。htt
未路过·2023-12-25 05:41

webpack扫盲——如何编写一个loader

目录前言一、关于loader二、确认需求三、loader编写1.初始化2.loader编写3.增加可配置化代码四、代码调试前言本文默认读者对前端工程化有一定的认识，对webpack有一定的裂解并且知道怎么使用
小敏哥·2023-12-25 03:56

通过web.py搭建基础HTTP蜜罐

honeypot.py:#-*-coding:utf-8-*-'基于webpy的http蜜罐。根据需求开放不同的监听端口。'
Ditto2008·2023-12-25 02:56

vue 项目初始化时，npm run dev报错解决方法

[email protected]:`webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js`npmERR!
喜宝小窝儿·2023-12-25 02:27

前端小白年度总结

2022技术栈：HtmlCssJavaScript(主要是复习)【22.7-22.8】JqueryBootstrapLayuiGitGitHub【22.8-22.9】webPack(没学完)【22.9-
我叫汪枫·2023-12-25 00:19

基于vue单页应用的例子

目录结构src目录主要的代码目录components存放项目组件router路由文件storestore文件main.js最终被打包到build文件statics静态文件idnex.html项目入口文件webpack.config.jswebpack
weixin_33682790·2023-12-24 23:51

VUE起步构建简单单页应用

npm.taobao.org/）命令：npminstall-gcnpm--registry=https://registry.npm.taobao.org3.安装VUE（命令：cnpminstall-gvue-cli）4.安装WebPack
一只勤奋的代码狗·2023-12-24 23:48

我的源码系列: 使用Node.js实现一个express框架

我的手写源码系列往期本人手写框架源码系列原创：从零实现一个简单版React（附源码）原创：如何自己实现一个简单的webpack构建工具【附源码】深度：手写一个WebSocket协议[7000字]深度：从零编写一个微前端框架
Peter 谭·2023-12-24 22:58

Vite【二】使用vite创建项目

vite比webpack打包工具启动速度快、热更新快，vite使用esbuild（Go编写）预构建依赖，而webpack基于node.js,因此vite比webpack快10~100倍。
小祥编程·2023-12-24 20:08

Vite为啥如此之快

文章目录1.Vite为啥比Webpack快1.1快速的冷启动Webpack为什么慢Vite为什么快1.2快速的热更新WabpackVite2.Vite的缺点首屏懒加载1.Vite为啥比Webpack快Vite
xianghong_yang·2023-12-24 20:08

动态WebP图片格式简介

背景最近接到一个Android端支持apng和webp动图播放的需求，所以对apng、webp图片格式进行了详细的学习，今天在这里针对webp格式的图片进行一下简介。
再见孙悟空_1444·2023-12-24 20:33

前端工程注入版本号

文章目录一、前言二、`webpack`三、`vite`四、最后一、前言容器化时代，当页面出现问题时，如果你的新版本有可能已经修复了，那样你再排查它就没有意义了。为什么不一定是最新版本呢？
小马甲丫·2023-12-24 19:13

前端性能优化二十七：花裤衩模板VueRouter打包优化

(1).优化vue.js:①.修改vue.config.js:module.exports={...configureWebpack:{...externals:{'vue':'Vue','vue-router
wanmeijuhao·2023-12-24 18:45

前端性能优化二十四：花裤衩模板第三方库打包

consumer'senvironment)中的依赖,防止将某些import的包(package)打包到bundle中b.在运行时(runtime)再去从外部获取这些扩展依赖(externaldependencies)②.webpack
wanmeijuhao·2023-12-24 18:44

前端性能优化二十五：花裤衩模板vue打包优化

production'constgetProdExternals=()=>{return{'vue':'Vue',//'vue-router':'VueRouter',//'vuex':'Vuex'}}module.exports={...configureWebp
wanmeijuhao·2023-12-24 18:12

使用webpack打包更新的时候，将项目的版本信息，打包到dist文件中

在使用vue2开发项目的时候，编译打包上线，线上环境遇到问题，排查时，为了更好的对应到打包软件的版本，当前GIT分支，以及GIT的提交版本，最近写了一个webpack插件。用于记录当前编译的信息。
搬砖的哈哈·2023-12-24 14:52

Vite和Webpack的优缺点

Vite与Webpack是两种常用的前端构建工具，它们在原理和打包流程上有一些区别。1.原理对比ViteVite是一种基于ES模块的构建工具，它利用浏览器原生的ES模块加载能力来实现快速的开发环境。
俊刚、·2023-12-24 13:23

gulp和webpack的区别

Gulp和Webpack都是前端开发中常用的工具，但它们在功能和定位上存在一些差异。首先，Gulp是一个工具链和构建工具，强调的是前端开发流程。
emma20080101·2023-12-24 12:51

使用webpack打包后的vue项目如何运行（express）

我们知道使用webpack打包vue项目后会生成一个dist文件夹，dist文件夹下有html文件和其他css、js以及图片等，那么打包后的文件该如何正确运行呢？
老贾_ddc1·2023-12-24 12:45

Error: No PostCSS Config found in... 报错 踩坑记

ok报错原因：postcss原本是配置在webpa
798b6b7c244d·2023-12-24 08:09

React学习计划-React16--React基础（五）脚手架创建项目、todoList案例、配置代理、消息订阅与发布

jsx编译、devServe…）下载好了所有相关的依赖可以直接运行一个简单的效果react提供了一个用于创建react项目的脚手架库：create-react-app项目的整体技术架构为：react+webpack
化作繁星·2023-12-24 08:41

单体项目-动态上下文问题

以下是一个示例：MyWebPage当一个HTML页面有很多个链接需要使用Thymeleaf实现动态上下文时，你可以考虑使用Thymeleaf的片段（Fragments）和公共模板（Layouts）来更好地组织和重用你的
就叫飞六吧·2023-12-24 07:46

前端性能优化十九：构建策略

1.构建策略：①.主要是webpack做相关处理,主要从时间层面和体积层面优化.②.⏱-时间层面:a.目的是减少打包时间b.方案:(1).缩减范围、缓存副本、定向搜索、提前构建、并行构建、可视结构③.
wanmeijuhao·2023-12-24 06:26

前端性能优化二十二：花裤衩模板打包实战可视化工具

(1).作用:①.查看打包后的文件大小与其中组成成分:a.查看哪些文件占用较大b.打包后所有组件与组件间的依赖关c.针对多余的包文件过大,对首次影响加载的效率问题进行剔除修改(2).实现:①.webpackbuild
wanmeijuhao·2023-12-24 06:26

获取微信openid

参考文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html微信开放文档参数描述
6c5e13366951·2023-12-24 05:42

2023宁波市赛 天一永安杯赛前模拟题部分wp

Webpop进hint.php伪协议读index.phpvar=$var;}publicfunction__toString(){return$this->string;}publicfunctionboss
丨Arcueid丨·2023-12-24 00:44

代码分割

代码分割：当两个文件同时引用同一个模块时时，将其抽取出来官方例子//webpack.config.jsconstpath=require('path');constHTMLWebpackPlugin=require
visitor009·2023-12-23 22:06

深入浅出Webpack 摘要 了解Loader Plugin的编写

第1个Loader将会拿到需处理的内容，上一个Loader处理后的结果会被传给下一个Loader接着处理，最后的Loader将处理后的最终结果返回给Webpack。所以，在开发一个Loa
Upcccz·2023-12-23 22:45

vue - vue基础/vue核心内容

终于算是顺利进入vue了，确实也只有学了过后才知道，之前三过vue而不学，确实是对的，现在进来了一点都不后悔，ajax、node.js、promise、webpack、git等等确实是除了三大基础外还需要额外学的
heymar·2023-12-23 21:20

webpack之介绍

学习webpack之前，请先让我们大家了解一下什么是webpack？为什么要用webpack？Webpack是一个现代化的JavaScript应用程序的静态模块打包工具。
秃头的小毛驴·2023-12-23 20:04

Webpack构建优化—按需加载

为什么需要按需加载随着互联网的发展，一个网页需要承载的功能越来越多。对于采用单页应用作为前端架构的网站来说，会面临着一个网页需要加载的代码量很大的问题，因为许多功能都集中的做到了一个HTML里。这会导致网页加载缓慢、交互卡顿，用户体验将非常糟糕。导致这个问题的根本原因在于一次性的加载所有功能对应的代码，但其实用户每一阶段只可能使用其中一部分功能。所以解决以上问题的方法就是用户当前需要用什么功能就只
oWSQo·2023-12-23 19:43

webpack学习-7.创建库

webpack学习-7.创建库1.暴露库1.1概念1.2验证1.2.1不导出方法1.2.2导出方法2.外部化lodash3.外部化的限制4.最终步骤5.使用自己的库5.1坑6.总结1.暴露库这个模块学习有点坑
ฅQSω[*邱╭·2023-12-23 17:18

CSS自适应分辨率 amfe-flexible 和 postcss-pxtorem：Webpack5 升级后相关插件和配置更新说明

前言项目对应的webpack5版本如下：npmiwebp[email protected]webp[email protected]升级插件说明一下，我更喜欢固定版本号，这样随机bug会少很多，更可控~npmipostcss-loader
AvatarGiser·2023-12-23 15:11

Vue打包后JS文件夹中出现一些map文件的解决方法

在项目下进入目录：项目包/config/index.js找到productionSourceMap/***SourceMaps*/productionSourceMap:true,//https://webpack.js.org
流眸Tel·2023-12-23 14:09

在webpack5中使用url-loader加载图片显示空白

这个问题真的是太坑了首先我是跟着一个教程学的webpack，但是作者本人用的webpack4，我安装的时候没想到4和5区别这么大，js打包没有问题，样式打包也没有问题，但是在样式里引入图片时，图片打包后显示异常
Amillly·2023-12-23 14:43

elementUI CDN引入本地文件报错，刷新页面报错

报错原因：vue.config.js的externals配置中有外部cdn引入配置，而当前场景我的element是直接下载放在本地的，这时就需要将配置注释或者删除webpack中的externals配置项用于指定在打包时需要排除掉的模块
蕉君桑·2023-12-23 13:46

vue环境安装

npminstall-gcnpm--registry=https://registry.npm.taobao.orgcpnm全局安装vue-clicnpminstall-gvue-cli目录下创建一个基于webpack
程序员同行者·2023-12-23 12:07

Webpack 常用配置

在上一篇Webpack快速上手中，我们对Webpack已经有了一个大概的了解，现在我们开始了解Webpack的配置。
时光觅迹·2023-12-23 11:28
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他