WebP 第22页

vue的学习

提升性能：v-pre过滤器filter全局过滤器局部过滤器按键值修饰符监视数据变化-watch实例生命周期Post请求拦截器自定义指令全局自定义指令父组件到子组件非父子组件通讯内容分发嵌套路由-子路由WebpackMint-UI

lock cylinder·2024-01-11 14:27

学习React Hook、Antd与redux笔记

第一节：环境与项目搭建一.本地安装node安装好node后全局安装webpack或yarn#npmi-gwebpack/npmi-gyarn二.安装官方create-react-app脚手架并搭建项目1

HotCoffee-GPS·2024-01-11 09:14

如何使用vite框架封装一个js库，并发布npm包

以前的做法是使用webpack或者Rollup。Rollup和Webpack都是常用的JavaScript模块打包工具，用于构建现代化的Web应用程序。

任磊abc·2024-01-11 07:40

HTTP请求头详解

www.baidu.com的请求头为例：示例GET/HTTP/1.1Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp

什么时候才能变强·2024-01-11 07:03

Docker安装PhantomJS给网页截图

):dockerpullwernight/phantomjs:2截图代码打开https://baidu.com,截图并保存为test.pngscreenshot.jsvarpage=require('webpage

严北·2024-01-11 07:07

webpack vite下px转vw方案postcss-px-to-viewport，兼容vant

webpack环境下（设计稿宽度750）下载插件npminstallpostcss-px-to-viewport-D创建postcss.config.jsconstpath=require("path"

菜鸟工程师2号·2024-01-11 06:17

静态资源的动态访问

通常情况下，我们写在css中的背景图，经过vite或者webpack的打包编译后会生成文件指纹信息现在需求是这个图片需要动态变化（路径某部分需要动态替换）。

郑建洋·2024-01-11 06:16

第六篇提升网页性能：深入解析HTTP请求优化策略（一）

）2资源压缩（Minification）2.1文本资源压缩2.2媒体资源压缩3实践方法3.1CSS合并于压缩3.2JavaScript合并与压缩Gulp+gulp-concat和gulp-uglifyWebpack

球球不吃虾·2024-01-11 06:16

Webpack模块打包工具

目录Webpack模块打包工具知识点自测01.Webpack简介以及体验目标讲解小结02.Webpack修改入口和出口目标讲解小结03.案例-用户登录-长度判断目标讲解小结04.Webpack自动生成html

duration～·2024-01-11 06:15

webpack魔法注释-预获取/预加载模块

Webpackv4.6.0+增加了对预获取（prefetch）和预加载（preload）的支持。

李永吉·2024-01-11 06:45

webpack学习笔记

为什么要使用Webpackwebpack是一个用于现代JavaScript应用程序的静态模块打包工具。

小白探索世界欧耶！~·2024-01-11 06:44

webpack5解决 Invalid options object. Dev Server has been initialized using an options object that...

/dist'),//开发服务器启动路径open:true}同时注意package.json中加上–modexxxx"dev":"webpack-dev-server--modedevelopment",

吕三三·2024-01-11 06:38

debugger 无效问题

setting,将custromexclusionrules清空、刷新页面就会发现debugger又效了.当每次debugger停止的文件如果是压缩文件时,在vue.config.js中配置configureWebpack

?Givenchy·2024-01-11 06:46

vue中的process.env.NODE_ENV

在node中，process.env表示当前系统的环境信息process.env中并不存在NODE_ENV这个属性，这个是用户自定义的变量，在webpack中用来判断是生产环境和开发环境在项目中通常是在

团猫咪爱吃玉米·2024-01-11 06:05

vue项目实现内网穿透

实现步骤使用uTools软件的“内网穿透”插件配置vue项目配置内网穿透插件参数一、下载uTools软件并安装内网穿透插件，如下图所示：二、配置vue项目参数在webpack.dev.conf.js文件下配置相关参数

椒盐大肥猫·2024-01-11 05:54

webpack高手秘籍（四）

前言我们继续前面的内容，把webpack剩下的配置项撸一遍，推荐大家先看一下前面的文章：webpack源码解析一webpack源码解析二（html-webpack-plugin插件）webpack源码解析三

vv_小虫虫·2024-01-11 05:44

细节！！！整理Vue项目中的那些环境变量

但是我这里想去给他专个明白，因为基于传统Vue2+Webpack的项目与Vue3+Vite**的项

放荡不羁的小雨鸽·2024-01-11 05:03

webpack的性能优化（二）——减少打包体积

优化webpack性能时，主要集中在两个方面：优化构建后的结果和优化构建时的速度。前一篇文章已经介绍了如何通过webpack的分包来优化构建后的结果。而在本篇文章中，我们将从减少打包体积的角度来探讨。

ICanWin_lll·2024-01-11 03:19

webpack的性能优化（一）——分包优化

默认情况下，Webpack会将所有代码构建成一个单独的包，这在小型项目通常不会有明显的性能问题，但伴随着项目的推进，包体积逐步增长可能会导致应用的响应耗时越来越长。

ICanWin_lll·2024-01-11 03:49

搭建Vue项目【最后附Mint】

://nodejs.cn/download/图1查看版本号2、全局安装vue-cli命令【npminstall--globalvue-cli】图2搭建全局vue脚手架3、进入你的项目目录，创建一个基于webpack

Mandy肉肉·2024-01-11 02:23

前端性能优化的方式

原则：多使用内存、缓存或其他方法减少CPU计算量，减少网络加载耗时（适用于所有编程的性能优化-空间换时间）从何入手：让加载更快，让渲染更快「让加载更快」1.减少资源体积：压缩代码：webpack配置mode

loushumei·2024-01-11 02:40

糖果投掷机、南瓜过山车、乐高南瓜小世界……空间建构游戏

640.webp.jpg第74次原创空间认知能力是数理能力的重要基础，也是STEM教育（科学science、技术technology、工程engineering、数学mathematics）的核心之一。

C大调Claire·2024-01-10 19:32

vue3中引入本地图片

本地图片一般存放在src/assets或者public目录下，public目录下的图片不会被webpack打包，src目录下面的图片会被webpack打包在vue组件中的script中使用require

橙絮_缘·2024-01-10 19:47

webpack之proxyTable设置跨域

当然跨域有多种解决方式，这里就不一一例举，下次弄篇文章单独讲，在使用webpac

胡儒清·2024-01-10 19:42

利用插件机制横向扩webpack构建能力

webpack插件机制是为了增强webpack在项目自动化构建方面的能力（解决除loader资源模块打包外的其他自动化工作）常见应用场景：实现自动在打包之前清除dist目录，clean-webpack-plugin

翔子丶·2024-01-10 18:28

AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（五）—— 项目-新闻头条-数据管理平台-ajax综合案例前端

愿许秋风知我意，解我心中意难平。项目介绍项目准备推荐使用，每个程序员都有自己的管理方式。验证码登录HTML结构：黑马头条-数据管理平台操作结果黑马头条登录1.为什么要提取公共前缀地址（基地址），因为公司业务可能会更换服务器，如果你不想一条一条地修改请求地址的话。后续使用axios时，url不需要再写前缀。2.请求成功与失败成功返回message“OK”还有token等（作用后续讲）输入错误验证码，

卡皮巴拉·2024-01-10 16:16

imagick 功能解释

它可以读取或写入图像，支持多种文件格式(超过200种)，包括png，jpeg，gif，heic，tiff，dpx，exr，webp，postscript，pdf和svg。

月下老·2024-01-10 16:15

pnpm 安装报错Cannot find module ‘./App.vue‘ or its corresponding type declarations.

最近的项目准备尝试搭建monorepo管理手机后台和门户三端，更新了vue3+webpack5+ts工程的包版本，运行后把eslint和stylelint的配置改完，yarn安装运行没问题，换pnpm安装后运行

txxxfish·2024-01-10 16:30

vux 的安装和使用

vux的安装和使用npmivux-S2.npmivux-loader--save-dev3.在bulid—>webpack.base.conf.js下，首先引入vux-loaderconstvuxLoader

兜兜里冒糖糖·2024-01-10 13:16

require.context的作用

1、什么是require.context一个webpack的api，通过该函数可以获取一个上下文，从而实现工程自动化（遍历文件夹的文件，从中获取指定文件，自动导入模块）。

guhy fighting·2024-01-10 13:15

【NodeJS学习 day1——引入】

前端核心技术体系HTML+CSS→JavaScript→Node.js→Webpack→React→Vue→小程序Node.js是什么？

Dosage de fleurs·2024-01-10 13:15

vue路由及参数router

创建vue项目前，检查系统是否具备创建项目的条件（是否已经安装好了node.js、webpack、vue-cli）。cmd打开终端。

令狐少侠2011·2024-01-10 12:13

【前端】vue3打包命令，Vue2与Vue3 的命令区别

Vuecli2版本安装命令:npminstall-gvue-cli2.Vuecli3版本安装命令：npminstall-g@vue/cli二、创建项目区别1.Vuecli2版本创建项目命令:vueinitwebpackproject2

奔向理想的星辰大海·2024-01-10 11:23

webpack4 的热加载

引用：webpack-dev-server、webpack-dev-middleware、webpack-hot-middlewarewebpack-dev-serverviwebpack.config.jsconstpath

余带盐·2024-01-10 10:13

VS Code关闭eslint的语法检查

VSCode在文件->首选项->设置中添加"eslint.enable":false配置即可image.png右侧用户设置会自动覆盖左侧的默认设置vue工程中在webpack.base.conf.js配置文件中删除有关

知足常乐晨·2024-01-10 06:25

webpack4.X下mini-css-extract-plugin插件

因为extract-text-webpack-plugin官方不再维护，故不支持webpack4.X版本推荐下载mini-css-extract-plugin用法:1.先constMiniCssExtractPlugin

iamEli·2024-01-10 05:51

node.js 安装及配置环境变量、Webpack安装

一、node.js安装官网：https://nodejs.org/en/下载地址：https://nodejs.org/dist/v14.17.6/node-v14.17.6-x64.msi1.1安装nodejs期间安装盘默认C盘，建议更换到盘符，我这里安装到D:\Web\nodejs\1.2.使用window+R快捷键，打开CMD，检查Node是否安装成功C:\Users\Administrat

小夏同学呀·2024-01-10 02:26

vue-cli的简介

1.安装脚手架工具vue-cli（命令行）全局安装vue-cliMac打开终端，windows打开命令行工具输入npminstall--globalvue-cli创建一个基于webpack模板的项目输入

nzdnllm·2024-01-10 02:19

基于Vite构建的Vue3+Ts项目打包优化全过程

前置工具打包体积分析器：rollup-plugin-visualizer是一个打包体积分析插件，对应webpack中的webpack-bundle-analyzer。

-最爱吃兽奶-·2024-01-10 01:25

Vue3 + vite 和 Vue2+webpack 打包后查看资源占比

1.Vue3+Vite中Vite使用的rollup打包，所以用rollup-plugin-visualizer--save-dev插件来进行打包体积大小的分析安装插件npminstallrollup-plugin-visualizer--save-dev在vite.config.js或者vite.confg.ts中使用import{visualizer}from"rollup-plugin-vis

卜卦丶cc·2024-01-10 01:55

webpack中文网（三）tree shaking(副作用、压缩输出)、生产环境构建（webpack-merge、指定环境）、代码分离（防止重复、动态导入）

webpack中文网（三）treeshaking(副作用、压缩输出)、生产环境构建（webpack-merge、指定环境）、代码分离（防止重复、动态导入）文章目录webpack中文网（三）treeshaking

ChrisP3616·2024-01-10 01:24

rollup 打包分析插件类似webpack-bundle-analyzer

原文链接:rollup打包分析插件类似webpack-bundle-analyzer上一篇:图片拼接项目迁移vue3计划[todo]下一篇:vue3Set和Map劫持https://github.com

阿豪boy·2024-01-10 01:24

可视化构建包分析报告

一、webpackwebpack-bundle-analyzer使用webpack-bundle-analyzer插件即可。

weixin79893765432...·2024-01-10 01:54

在vue3+ts+vite2项目中引入并使用打包分析插件

相比webpack打包时，用webpack-bundle-analyzer插件来进行打包体积大小的分析，在vite打包中，由于vite实际用的是rollup打包，本文就介绍如何在项目中接入rollup-plugin-visualizer

Ying（英子）·2024-01-10 01:53

Vue完整版与runtime版本的区别

使用该版本，可直接将内容写在HTML中查看视图效果，或用template渲染到HTML，用webpack引入，需要配置alias，@vue/cli引入也需要额外配置。

浪味仙儿啊·2024-01-10 00:42

webpack 基础配置

开发环境constpath=require("path");constHtmlWebpackPlugin=require("html-webpack-plugin");constMiniCssExtractPlugin

小和尚敲木头·2024-01-10 00:29

vue-cli 的单元测试

的单元测试之路一安装首页我们在安装的时候要注意一些步骤（先确保你已经安装了node）1.安装vue-clinpminstall--globalvue-cli输入vue-V如出现版本号证明已经安装成功2执行命令vueinitwebpack

张益达_pearl·2024-01-09 23:04

前端学习专栏

JavaScript教程JavaScript教程TypeScript教程TypeScript教程ES6ES6Node.jsNode.jsnpm包管理工具npm包管理工具Yarn包管理工具Yarn包管理工具Webpack

weixin_51551879·2024-01-09 22:34

react 脚手架打包不生成 sourceMap 的解决方案

前言我相信很多前端工程师都跟我一样，用惯了开源的项目脚手架工具以后，都不习惯自己配置webpack了。

纯爱枫若情·2024-01-09 22:09

npm install webpack-dev-server报错Unable to load ‘@webpack-cli/serve‘ command

实现ctrl+s时打包文件自动刷新初始化npminit-y安装webpacknpminstallwebp[email protected]webp[email protected]安装webpack插件npminstallwebpack-dev-server

我王某不需要昵称·2024-01-09 16:50

推荐频道

WebP