E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
前端web脚手架webpack
了解vite构建工具
随着前端应用越来越庞大复杂,例如上千个模块,基于js开发的工具(例如
webpack
、Rollup、Parcel)就会遇到性能瓶颈,而vite就是用来解决这个问题,他的与构建依赖的速度比js打包构建工具的速度快
wjs0406
·
2024-01-11 23:19
笔记-前端工程化
前端
vite
wepack4 splitchunk
Webpack
v4chunk分块深度挖掘补充理解一.module/chunk/bundle的理解module:模块,在
webpack
眼里,任何可以被导入导出的文件都是一个模块chunk:chunk是
webpack
瑞瑞w
·
2024-01-11 21:21
webpack
javascript
前端
前端页面优化做的工作
1.分析模块占用空间new(require('
webpack
-bundle-analyzer').BundleAnalyzerPlugin)()2.使用谷歌浏览器中的layers,看下有没有影响性能的模块
瑞瑞w
·
2024-01-11 21:46
前端
Vue编译小知识-
标签,options的template,render函数的区别
众所周知,Vue分为runtimeonly或者runtime+compiler版本,前者是Vue的运行时版本,后者是包含了运行时+编译时功能的完整版
webpack
中可以轻松调整你要使用哪个版本的vueresolve
Sli97
·
2024-01-11 20:36
项目优化的方法
(throttle)防抖节流的区别:图片/视频/音频压缩减少请求发送次数减少重绘与回流经常要切换消失与出现状态的节点用v-show而不用v-if按需引入路由懒加载懒加载图片懒加载列表懒加载精灵/雪碧图
Webpack
Code6E
·
2024-01-11 20:44
面试题
项目
javascript
前端
性能优化
八、开发环境和代码抽取
1如何区分开发环境目前我们所有的
webpack
配置信息都是放到一个配置文件中的:
webpack
.config.js当配置越来越多时,这个文件会变得越来越不容易维护;并且某些配置是在开发环境需要使用的,某些配置是在生成环境需要使用的
AShuiCoder
·
2024-01-11 20:16
自动化构建工具gulp的学习心得
->构建工具->计算机能识别的语言从而前端也开始有这个概念:buidcode->js*css*jpg(静态资源文件)->合并->压缩当然自动化构建工具不止gulp:列举:1,grunt2,gulp3,
webpack
千锋H5
·
2024-01-11 19:56
Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发
脚手架
【值得收藏】
这篇文章就来帮助大家如何快速使用vue3.x,typeScript,vite搭建一套企业级的开发
脚手架
。
前端开发爱好者——
·
2024-01-11 17:25
typescript
javascript
前端
Vue-cli
,傻瓜式安装:https://nodejs.org/zh-cn/-安装cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org-安装
脚手架
-wellplayed-
·
2024-01-11 16:52
Vue
vue.js
前端
javascript
开发语言
前端框架
vue的学习
提升性能:v-pre过滤器filter全局过滤器局部过滤器按键值修饰符监视数据变化-watch实例生命周期Post请求拦截器自定义指令全局自定义指令父组件到子组件非父子组件通讯内容分发嵌套路由-子路由
Webpack
Mint-UI
lock cylinder
·
2024-01-11 14:27
vue.js
egg-sequelize使用
连接mysql搭建egg
脚手架
egg官方文
RadishHuang
·
2024-01-11 13:26
vue3知识点5.2项目路由router教程 vue项目引入路由 搭建路由 嵌套路由 路由传参 导航守卫 命名视图 重定向 别名
vue3
脚手架
搭建项目链接,这一章我们要给项目引入路由,路由介绍,项目搭建路由,嵌套路由,…导航卫士,命名视图,自己看目录吧。总之,这文也太长了。
luanmabug
·
2024-01-11 10:55
vue基础
vue.js
javascript
前端
vue
vue-cli3
vue实现用户登录验证 + 权限验证 + 动态路由(左侧菜单栏)
新建项目前提条件:在个人电脑上安装好nodejs(我的是14.15.1)之后,利用nodejs自带的npm包管理器安装好vue(我的是@vue/cli4.5.12)在命令行中通过以下指令在指定目录下安装
脚手架
何小玍。
·
2024-01-11 10:51
vue
javascript
学习React Hook、Antd与redux笔记
第一节:环境与项目搭建一.本地安装node安装好node后全局安装
webpack
或yarn#npmi-g
webpack
/npmi-gyarn二.安装官方create-react-app
脚手架
并搭建项目1
HotCoffee-GPS
·
2024-01-11 09:14
前端
React 基本使用
create-react-app创建react项目的
脚手架
。
丶清风不问烟雨
·
2024-01-11 07:53
react.js
前端
前端框架
如何使用vite框架封装一个js库,并发布npm包
以前的做法是使用
webpack
或者Rollup。Rollup和
Webpack
都是常用的JavaScript模块打包工具,用于构建现代化的Web应用程序。
任磊abc
·
2024-01-11 07:40
vite
javascript
vite
typescript
npm包
js库
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
webpack
postcss
前端
静态资源的动态访问
通常情况下,我们写在css中的背景图,经过vite或者
webpack
的打包编译后会生成文件指纹信息现在需求是这个图片需要动态变化(路径某部分需要动态替换)。
郑建洋
·
2024-01-11 06:16
前端
第六篇 提升网页性能:深入解析HTTP请求优化策略(一)
)2资源压缩(Minification)2.1文本资源压缩2.2媒体资源压缩3实践方法3.1CSS合并于压缩3.2JavaScript合并与压缩Gulp+gulp-concat和gulp-uglify
Webpack
球球不吃虾
·
2024-01-11 06:16
http
网络协议
网络
Webpack
模块打包工具
目录
Webpack
模块打包工具知识点自测01.
Webpack
简介以及体验目标讲解小结02.
Webpack
修改入口和出口目标讲解小结03.案例-用户登录-长度判断目标讲解小结04.
Webpack
自动生成html
duration~
·
2024-01-11 06:15
前端
webpack
前端
node.js
webpack
魔法注释-预获取/预加载模块
Webpack
v4.6.0+增加了对预获取(prefetch)和预加载(preload)的支持。
李永吉
·
2024-01-11 06:45
前端
webpack
前端
node.js
webpack
学习笔记
为什么要使用
Webpack
webpack
是一个用于现代JavaScript应用程序的静态模块打包工具。
小白探索世界欧耶!~
·
2024-01-11 06:44
webpack
webpack
前端
笔记
经验分享
构建打包
面试
学习总结
webpack
5解决 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中配置configure
Webpack
?Givenchy
·
2024-01-11 06:46
工作阶段
vue.js
javascript
前端
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
vue
vue
webpack
高手秘籍(四)
前言我们继续前面的内容,把
webpack
剩下的配置项撸一遍,推荐大家先看一下前面的文章:
webpack
源码解析一
webpack
源码解析二(html-
webpack
-plugin插件)
webpack
源码解析三
vv_小虫虫
·
2024-01-11 05:44
细节!!!整理Vue项目中的那些环境变量
但是我这里想去给他专个明白,因为基于传统Vue2+
Webpack
的项目与Vue3+Vite**的项
放荡不羁的小雨鸽
·
2024-01-11 05:03
vue.js
前端
javascript
webpack
的性能优化(二)——减少打包体积
优化
webpack
性能时,主要集中在两个方面:优化构建后的结果和优化构建时的速度。前一篇文章已经介绍了如何通过
webpack
的分包来优化构建后的结果。而在本篇文章中,我们将从减少打包体积的角度来探讨。
ICanWin_lll
·
2024-01-11 03:19
webpack学习笔记
webpack
前端
webpack
的性能优化(一)——分包优化
默认情况下,
Webpack
会将所有代码构建成一个单独的包,这在小型项目通常不会有明显的性能问题,但伴随着项目的推进,包体积逐步增长可能会导致应用的响应耗时越来越长。
ICanWin_lll
·
2024-01-11 03:49
webpack学习笔记
webpack
前端
感恩(二十七天)
感恩有人租
脚手架
,让钱宝宝流向我的口袋。感恩有人约杨林看船,让钱宝宝流向他的口袋。感恩杨京生照顾好自己,每天进步一点点。感恩二蛋好好吃饭,高高兴兴上幼儿园。感恩早晨能在交通学校跑道上跑步。
荣漉
·
2024-01-11 02:33
搭建Vue项目【最后附Mint】
node版本node.js下载地址:http://nodejs.cn/download/图1查看版本号2、全局安装vue-cli命令【npminstall--globalvue-cli】图2搭建全局vue
脚手架
Mandy肉肉
·
2024-01-11 02:23
前端性能优化的方式
原则:多使用内存、缓存或其他方法减少CPU计算量,减少网络加载耗时(适用于所有编程的性能优化-空间换时间)从何入手:让加载更快,让渲染更快「让加载更快」1.减少资源体积:压缩代码:
webpack
配置mode
loushumei
·
2024-01-11 02:40
奇文网盘(前台)
奇文网盘(前台)一、简介介绍网盘项目的前端工程,主要是介绍采用VueCLI@4
脚手架
搭建前端项目的流程和组件库ElementUI的使用.二、检测环境要求如果没有环境,自行安装。
一码一上午
·
2024-01-10 23:41
项目
vue.js
elementui
vue3中引入本地图片
本地图片一般存放在src/assets或者public目录下,public目录下的图片不会被
webpack
打包,src目录下面的图片会被
webpack
打包在vue组件中的script中使用require
橙絮_缘
·
2024-01-10 19:47
webpack
之proxyTable设置跨域
在平时项目的开发环境中,经常会遇到跨域的问题,尤其是使用vue-cli这种
脚手架
工具开发时,由于项目本身启动本地服务是需要占用一个端口的,所以必然会产生跨域的问题。
胡儒清
·
2024-01-10 19:42
利用插件机制横向扩
webpack
构建能力
webpack
插件机制是为了增强
webpack
在项目自动化构建方面的能力(解决除loader资源模块打包外的其他自动化工作)常见应用场景:实现自动在打包之前清除dist目录,clean-
webpack
-plugin
翔子丶
·
2024-01-10 18:28
安装Vue CLI
脚手架
环境变量问题报错
在全局安装完
脚手架
后,运行起来还是报错全局安装命令:npminstall-g@vue/cli这是可以去查看环境变量是否有问题右击此电脑–>选择高级系统设置–>选择环境变量,查看环境变量是否自动配置好了如若没有可以先去找到
吃一口你的梦。
·
2024-01-10 18:18
vue.js
前端
javascript
创建
脚手架
语法报错问题
明明语法没问题,为什么一直报错无法运行原来是vue的语法检查未关闭,只需要在vue.config.js中添加一行代码关闭语法检查即可const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true,lintOnSave:false,//关闭语法检查})在次运行
吃一口你的梦。
·
2024-01-10 18:15
vue.js
前端
javascript
AJAX入门到实战,学习前端框架前必会的(ajax+node.js+
webpack
+git)(五)—— 项目-新闻头条-数据管理平台-ajax综合案例前端
愿许秋风知我意,解我心中意难平。项目介绍项目准备推荐使用,每个程序员都有自己的管理方式。验证码登录HTML结构:黑马头条-数据管理平台操作结果黑马头条登录1.为什么要提取公共前缀地址(基地址),因为公司业务可能会更换服务器,如果你不想一条一条地修改请求地址的话。后续使用axios时,url不需要再写前缀。2.请求成功与失败成功返回message“OK”还有token等(作用后续讲)输入错误验证码,
卡皮巴拉
·
2024-01-10 16:16
框架前置
ajax
前端
javascript
笔记
pnpm 安装报错Cannot find module ‘./App.vue‘ or its corresponding type declarations.
最近的项目准备尝试搭建monorepo管理手机后台和门户三端,更新了vue3+
webpack
5+ts工程的包版本,运行后把eslint和stylelint的配置改完,yarn安装运行没问题,换pnpm安装后运行
txxxfish
·
2024-01-10 16:30
vue.js
前端
javascript
Vue2项目后台管理重构为Vue3的流程与总结
目录一、新建项目,确定
脚手架
版本二、将项目中的组件,封装的js整体迁移过来三、重构路由,axios,element-plus等项目所需要的依赖四、将组件的选项式写法删除,在script里加入setup语法糖
飞翔的大野猪
·
2024-01-10 15:52
重构
vue.js
javascript
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
webpack
vue
js
【NodeJS学习 day1——引入】
前端核心技术体系HTML+CSS→JavaScript→Node.js→
Webpack
→React→Vue→小程序Node.js是什么?
Dosage de fleurs
·
2024-01-10 13:15
学习
【npm link】Node命令中的npm link命令的使用,还有CLI全局命令的使用,开发命令行工具必不可少的部分
致力学习前端开发技术⭐️个人主页:夜宵饽饽的主页❔系列专栏:NodeJs学习格言:成功不是终点,失败也并非末日,最重要的是继续前进的勇气前言:本文是关于Node命令中的npmlink命令的详细使用,还有
脚手架
的背后原理
子夜时辰
·
2024-01-10 12:02
Node.js
javascript
node.js
npm
开发语言
vue路由及参数router
创建vue项目前,检查系统是否具备创建项目的条件(是否已经安装好了node.js、
webpack
、vue-cli)。cmd打开终端。
令狐少侠2011
·
2024-01-10 12:13
vue.js
前端
javascript
【前端】vue3打包命令 ,Vue2与Vue3 的命令区别
Vuecli2版本安装命令:npminstall-gvue-cli2.Vuecli3版本安装命令:npminstall-g@vue/cli二、创建项目区别1.Vuecli2版本创建项目命令:vueinit
webpack
project2
奔向理想的星辰大海
·
2024-01-10 11:23
前端框架
Vue3
技术研发
前端
webpack
4 的热加载
引用:
webpack
-dev-server、
webpack
-dev-middleware、
webpack
-hot-middleware
webpack
-dev-servervi
webpack
.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
上一页
24
25
26
27
28
29
30
31
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他