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
【WebPack】
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
vue的学习
提升性能：v-pre过滤器filter全局过滤器局部过滤器按键值修饰符监视数据变化-watch实例生命周期Post请求拦截器自定义指令全局自定义指令父组件到子组件非父子组件通讯内容分发嵌套路由-子路由
Webpack
Mint-UI
lock cylinder
·
2024-01-11 14:27
vue.js
学习React Hook、Antd与redux笔记
第一节：环境与项目搭建一.本地安装node安装好node后全局安装
webpack
或yarn#npmi-g
webpack
/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
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
前端
搭建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
vue3中引入本地图片
本地图片一般存放在src/assets或者public目录下，public目录下的图片不会被
webpack
打包，src目录下面的图片会被
webpack
打包在vue组件中的script中使用require
橙絮_缘
·
2024-01-10 19:47
webpack
之proxyTable设置跨域
转自：https://www.cnblogs.com/wancheng7/p/8987694.html为什么要使用proxyTable很简单，两个字，跨域。在平时项目的开发环境中，经常会遇到跨域的问题，尤其是使用vue-cli这种脚手架工具开发时，由于项目本身启动本地服务是需要占用一个端口的，所以必然会产生跨域的问题。当然跨域有多种解决方式，这里就不一一例举，下次弄篇文章单独讲，在使用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
框架前置
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
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
学习
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
webpack
4.X下mini-css-extract-plugin插件
因为extract-text-
webpack
-plugin官方不再维护，故不支持
webpack
4.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
webpack
npm
node.js
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
性能优化
vue
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
Vue3
Vite打包分析
webpack打包分析
Vue3
Vue
webpack
中文网（三）tree shaking(副作用、压缩输出)、生产环境构建（
webpack
-merge、指定环境）、代码分离（防止重复、动态导入）
webpack
中文网（三）treeshaking(副作用、压缩输出)、生产环境构建（
webpack
-merge、指定环境）、代码分离（防止重复、动态导入）文章目录
webpack
中文网（三）treeshaking
ChrisP3616
·
2024-01-10 01:24
前端工程师1——汇总
前端工程师5——webpack
node.js
javascript
node.js
vue.js
webpack
rollup 打包分析插件 类似
webpack
-bundle-analyzer
原文链接:rollup打包分析插件类似
webpack
-bundle-analyzer上一篇:图片拼接项目迁移vue3计划[todo]下一篇:vue3Set和Map劫持https://github.com
阿豪boy
·
2024-01-10 01:24
vue
js
java
github
python
可视化构建包分析报告
一、
webpack
webpack
-bundle-analyzer使用
webpack
-bundle-analyzer插件即可。
weixin79893765432...
·
2024-01-10 01:54
业务与架构
前端构建分析报告
rollup
vite
webpack
在vue3+ts+vite2项目中引入并使用打包分析插件
相比
webpack
打包时，用
webpack
-bundle-analyzer插件来进行打包体积大小的分析，在vite打包中，由于vite实际用的是rollup打包，本文就介绍如何在项目中接入rollup-plugin-visualizer
Ying（英子）
·
2024-01-10 01:53
性能优化
rollup-plugin
打包分析
性能优化
打包分析插件
vue打包
Vue完整版与runtime版本的区别
使用该版本，可直接将内容写在HTML中查看视图效果，或用template渲染到HTML，用
webpack
引入，需要配置alias，@vue/cli引入也需要额外配置。
浪味仙儿啊
·
2024-01-10 00:42
webpack
基础配置
开发环境constpath=require("path");constHtml
Webpack
Plugin=require("html-
webpack
-plugin");constMiniCssExtractPlugin
小和尚敲木头
·
2024-01-10 00:29
前端
webpack
rust
前端
vue-cli 的单元测试
的单元测试之路一安装首页我们在安装的时候要注意一些步骤（先确保你已经安装了node）1.安装vue-clinpminstall--globalvue-cli输入vue-V如出现版本号证明已经安装成功2执行命令vueinit
webpack
张益达_pearl
·
2024-01-09 23:04
前端学习专栏
JavaScript教程JavaScript教程TypeScript教程TypeScript教程ES6ES6Node.jsNode.jsnpm包管理工具npm包管理工具Yarn包管理工具Yarn包管理工具
Webpack
weixin_51551879
·
2024-01-09 22:34
json
html5
react 脚手架打包不生成 sourceMap 的解决方案
前言我相信很多前端工程师都跟我一样，用惯了开源的项目脚手架工具以后，都不习惯自己配置
webpack
了。
纯爱枫若情
·
2024-01-09 22:09
npm install
webpack
-dev-server报错Unable to load ‘@
webpack
-cli/serve‘ command
实现ctrl+s时打包文件自动刷新初始化npminit-y安装
webpack
npminstall
webpack
@5.42.1
webpack
[email protected]
安装
webpack
插件npminstall
webpack
-dev-server
我王某不需要昵称
·
2024-01-09 16:50
上一页
15
16
17
18
19
20
21
22
下一页
按字母分类：
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
其他