【WebPack】

（三）什么是Vite——Vite 主体流程(运行npm run dev后发生了什么？)

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-16 13:57

（四）什么是Vite——冷启动时vite做了什么（源码、middlewares）

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-16 13:57

（五）什么是Vite——冷启动时vite做了什么（依赖、预构建）

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-16 13:57

（一）什么是Vite——vite介绍与使用

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-16 13:26

从0到0.01入门 Webpack| 002.精选 Webpack面试题

、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录如何使用Webpack
ai_todo·2023-11-16 13:24

webpack编译运行了两次

问题出处模板文件中原本就注入了javascript文件，而HtmlWebpackPlugin会自动注入JavaScript文件。
咸鱼肥美妖娆·2023-11-16 13:54

使用 webpack 打包 express 应用

使用webpack打包express应用安装webpack依赖pnpmaddwebpackwebpack-cli-D初始化配置可以使用命令webpackinit初始化配置或者直接自己创建webpack.config.js
Joey_Tribiani·2023-11-16 13:48

一文详解【webpack】打包原理

系列文章目录webpack是什么,入口，出口，loader，简单打包，自动打包，加载器（css,less,url,处理高级语法）文章目录系列文章目录前言一、webpack是什么？
辣可乐少加冰·2023-11-16 12:15

（二）什么是Vite——Vite 和 Webpack 区别（冷启动）

vite分享ppt，感兴趣的可以下载：Vite分享、原理介绍ppt什么是vite系列目录：（一）什么是Vite——vite介绍与使用-CSDN博客（二）什么是Vite——Vite和Webpack区别（冷启动
金乌Y·2023-11-16 12:12

--max-old-space-size=8192报错

CALL_AND_RETRY_LASTAllocationfailed-JavaScriptheapoutofmemory因为在Node中，通过JavaScript使用内存时只能使用部分内存（64位系统：1.4GB，32位系统：0.7GB），这个时候，如果前端项目非常的庞大，Webpack
sir.山·2023-11-16 12:40

webpack 单页面配置 多包配置 分包 vue首屏优化

1.单页面配置是指一个完整的项目为了首屏优化可以以下操作:1.增加loading动画;2.按需加载(a.根据路由打包配置不同的js文件;b根据公共模块进行拆分)1.单页面配置webpack配置内容与其他页面没有关联可以单独打包配置
web修理工·2023-11-16 12:45

【vue.config.js配置configureWebpack的optimization splitChunks页面空白 - DCloud】

vue.config.js配置configureWebpack的optimizationsplitChunks页面空白-DCloud问答
超级大超越·2023-11-16 12:45

Webpack - 首屏性能优化(splitChunks/externals/gzip/路由懒加载)

首屏加载慢原因：Vue只有第一次会加载页面,以后的每次页面切换，只需要进行组件替换。因为Vue是SPA，所以首页第一次加载时会把所有的组件以及组件相关的资源全都加载了，造成网站首页打开速度变慢的问题（打包构建时js包会很大）*1、路由懒加载懒加载:把代码在一些逻辑断点处分离开，然后在一些代码块中完成某些操作后，立即引用或即将引用另外一些新的代码块。通过import()引用的子模块会被单独分离出来，
ChristmasFox&·2023-11-16 12:15

vue解决首屏加载过慢问题

一般解决办法是分包和gzip压缩，在wepack和vite中的实现如下：1、webpack版本：在vue.config.js文件中设置module.exports={configureWebpack:{
阿花爱编程·2023-11-16 11:43

vue-cli 开启js代码压缩和代码分割

在vue.config.js中配置chainWebpack:config=>{config.optimization.minimize(true)//开启压缩js代码(默认true)config.optimization.splitChunks
Mr Liuu·2023-11-16 11:43

vue 首屏优化 主要针对index.js过大问题，splitChunks分包白屏

查询了很多资料，发现原来webpack也不是那么那么的晦涩难懂，真用到的时候，学学用用还挺好玩。首先是最管用的一招，就是直接在服务端nginx开启gzip压缩。贼好使，开了就管用。具体方法如下:gz
Li_Ning21·2023-11-16 11:11

vuejs 2.x；gzip文件压缩 compression-webpack-plugin；可视化资源分析webpack-bundle-analyzer；splitChunks分包；

letpluginValue=[];if(process.env.VUE_DORP_DEBUGGER==="true"){constBundleAnalyzerPlugin=require("webpack-bundle-analyzer
微笑边缘的金元宝·2023-11-16 11:41

vue项目打包分包和加hash值

vue项目打包分包和加hash值const{defineConfig}=require('@vue/cli-service')constpath=require('path');constHtmlWebpackPlugin
407指导员·2023-11-16 11:41

vue开启splitChunks分包处理

修改vue.config.js//vue.config.jsconstUglifyJsPlugin=require('uglifyjs-webpack-plugin');constCompressionPlugin
岳哥i·2023-11-16 11:10

几种创建vue项目的方法

如果你还没有安装VueCLI请执行下面的命令进行安装或是升级:npminstall--global@vue/cli按住shift鼠标右键打开PowerShell方法一:vueinitwebpackxxx
穆辛Lin·2023-11-16 10:43

前端AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（四）

你可以的，去飞吧！同步代码和异步代码回调函数地狱和Promise链式调用回调函数地狱缔造“回调地狱”↓制造里层回调错误，却在最外层接收错误→无法捕获axios源码抛出异常（未捕获）回调地狱省份：城市：地区：/***目标：演示回调函数地狱*需求：获取默认第一个省，第一个市，第一个地区并展示在下拉菜单中*概念：在回调函数中嵌套回调函数，一直嵌套下去就形成了回调函数地狱*缺点：可读性差，异常无法获取，耦
卡皮巴拉·2023-11-16 06:00

写一个包并发布到 npm 上面

下面呢我们就是使用react来写一个自己的npm包，我们呢会使用自己封装的webpack脚手架来写，如果有兴趣同学可以来看一下我的自我沉淀webpack5+re
前端瓶子君·2023-11-16 06:25

vue-3.0配置webpack-bundle-analyzer模块分析器

这是基于vue-cli3.0配置webpack-bundle-analyzer，使用交互式可缩放树形图可视化webpack输出文件的大小,具体实现方法如下。。。
追逐ぢ·2023-11-16 05:21

性能分析webpack-bundle-analyzer

webpack插件的github地址是：https://github.com/webpack-contrib/webpack-bundle-analyzer/安装npminstall--save-devwebpack-bundle-analyzerpackage.json"dev
yezitoo·2023-11-16 05:21

webpack-bundle-analyzer打包文件分析工具

一、安装npmintallwebpack-bundle-analyzer–save-dev二、配置在build/webpack.prod.config.js中的module.exports=webpackConfig
weixin_30617797·2023-11-16 05:50

vue 项目打包性能分析插件 webpack-bundle-analyzer

可以帮助我们分析webpack在打包过程中有哪些可以改进的地方安装在开发环境中npminstall-Dwebpack-bundle-analyzernpm地址：webpack-bundle-analyzer-npm
taoqidejingling·2023-11-16 05:50

weboack高级应用篇（五）：打包结果分析 - 依赖图(dependency graph)

目录bundle分析(bundleanalysis)工具webpack-bundle-analyzeroptions添加npm脚本每当一个文件依赖另一个文件时，webpack都会将文件视为直接存在依赖关系
__畫戟__·2023-11-16 05:18

Angular：使用webpack Bundle Analyzer进行性能分析

Webperformanceispossiblyoneofthemostimportantpartstotakeintoaccountforamodernwebapplication.Thethingis,it’seasierthanevertoaddthirdpartymodulesandtoolstoourprojects,butthiscancomewithahugeperformancet
cukw6666·2023-11-16 05:14

Webpack Bundle Analyzer包分析器

当我们需要分析打包文件dist里哪些资源可以进一步优化时，就可以使用包分析器插件webpack-bundle-analyzer。NPM上的介绍是使用交互式可缩放树图可视化webpack输出文件的大小。
mon_star°·2023-11-16 04:11

vue3+webpack+elementplus+国际化+axios封装+pinia

文章目录创建项目+eslint+prettier切换pinia（后补上）创建项目eslint+prettier注意自动格式化elementplus注意elementplusicon注意：国际化注意axios封装最近菜鸟自己搭建一个项目，想着vue3都出来这么久了，再不用vue3，怕是等我熟悉vue3的时候，vue4都出来了，直接落后时代一个大版本那就难受了！但是突然从vue2转变到用这个vue3确
PBitW·2023-11-16 04:40

12 Web全栈 组件化设计（3）

开发环境构建依赖安装npmiwebpackwebpack-cliwebpack-dev-server-Dnpmihtml-webpack-plugin-D安装搭建Vue项目所需要的依赖包npmivue-D
PrayerFaith-Depart·2023-11-16 01:43

Vite探索：构建、启程、原理、CSS艺术与插件魔法

文章目录1构建工具1.1什么是构建工具1.2主流构建工具1.3vite相较于webpack的优势2vite启动项目初体验2.1你必须要理解的vite脚手架和vite2.2vite开箱即用2.3vite的预加载
unique_pursuit·2023-11-16 00:26

️前端研发的新基础设施 - Rust ️

这两年Rust正在快速占领前端基础设施领域，Webpack、Babel、Prettier这些热门工具都已有了Rust
阿里技术·2023-11-16 00:25

【Webpack】自定义file-loader时图片解析后出现[object%20Module]

手写file-loader视频讲解根据视频教程一顿操作后，编译后请求图片资源时出现404问题GEThttp://127.0.0.1:5500/dist/[object%20Module]404(NotFound)在搜索引擎里看了半天，很多只是讲了添加esModule=false这个配置即可，没有说明原理。esModule=false仅针对于开源的file-loader，而我们自定义loader，不
AC它真的很香·2023-11-15 20:19

vue url传参之后，在地址栏无刷新消除跳转时添加的参数

importmergefrom'webpack-merge'//替换url地址处所有参数为空this.
王世诣·2023-11-15 13:39

VSCode启动vue项目，入门各类报错解决方案

missingscript:dev，解决方案：1>.使用命令：vueinitwebpackproject(项目名)。
一茗道人nview·2023-11-15 12:20

Vue+Node前后端项目搭建

安装就是一直点next2.检查是否安装成功，使用cmd命令（win10：window+r打开运行输入cmd）——输入“node-v”查看版本即可1.2安装vue-clinpmi-gvue-cli1.3安装webpacknpmiwebpack1.3
默默花上开·2023-11-15 11:36

给前端看的Docker部署脚本入门

这里做个说明，最后给个样例Docker-Compose.yaml前后端分离后的一般部署架构开发架构一般前端开发都知道，我们在开发的时候都可以配置一个叫proxy的选项，来将数据接口转发给开发服务器，这个变量在webpack
百家饭OpenAPI·2023-11-15 09:47

js逆向实战案例集目录

一、js逆向基础篇js逆向之字体加密js逆向webpack篇-某电商网站-拼xxjs逆向基础篇-某房地产网站-登录js逆向基础篇-某音乐网站-xx音乐js逆向之猿人学-反混淆刷题平台第一题（手把手教学）
时光亦不回首·2023-11-15 05:24

有人真的会去分析代码吗

很早之前使用webpack的时候，也有类似的插件，分析打包出来之后的代码，分别是哪些模块比较庞大，针对打包的内容进行优化。说实话，知道归知道，但是没有哪个项目使用分析过。
wade3po·2023-11-15 03:15

js堆栈函数及断点调试（简单使用，仅供自己参考）

第一步打开调试面板点击源代码tab再点击webpack找到自己写的代码（以vue项目为例，构建完后的项目是不能调试的）第二步在你需要调试的地方点击一下卡个点，如上图所示，然后刷新网页第三步，点击调试操作箭头
蕉君桑·2023-11-15 03:42

cnpm安装插件，卸载时报错

安装卸载步骤cnpminit-ycnpminstallwebpackwebpack-cli--save-devcnpminstall--savelodash//在这之前一切正常//在这之后开始报错cnpmuninstalllodash
小豪的小目标·2023-11-15 01:17

webpack学习笔记--webpack解析es6

babel7.0+版本安装以下依赖基础：@babel/core:babel核心文件，它的作用是按照配置的文件进行转码。@babel/preset-env：es6转es5,但是无法转高级API如Array.from,需要再安装babel-polyfill.babel-loader扩展：@babel/plugin-proposal-class-properties：支持es6,classGoods类语
星月I随心·2023-11-14 22:00

前端学习笔记-Webpack

前端学习笔记-Webpack文章目录前端学习笔记-Webpack1.Webpack简介1.1基本介绍1.2五个核心概念2.Webpack初体验2.1初始化配置2.2编译打包应用3.Webpack开发环境
Zzay_naw·2023-11-14 22:26

前端自动化构建工具：Webpack（四）—— Webpack 性能优化

四Webpack性能优化这篇文章终于要进入Webpack搭建的重点了——Webpack性能优化。
方宏伟·2023-11-14 20:55

vue-cli3封装组件库打包并发布npm开源包和npm内网私有库

如果这个文件存在则他会被自动加载，所有的对项目和webpack的配置，都在这个文件中。
Johnny_yellowboy·2023-11-14 18:42

webpack之常见性能优化

的应用范围缓存loader结果开启多线程打包热替换(HotModuleReplacement)传输性能分包手动分包自动分包单模块体积压缩代码压缩treeshaking懒加载gzip辅助工具运行性能关于webpack
是加薪呀·2023-11-14 09:05

Webpack性能优化

Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等
weixin_44273311·2023-11-14 09:05

服务器webpack编译速度优化,webpack3.x升级4.x之后打包速度优化

前言上一篇我们讲到，webpack3.x升级4.x后打包大小优化，今天讲一下webpack4.x(webpack4.43.0)的打包速度优化，其实在升级了webpack4之后对于打包速度就已经有了很大的提升
weixin_39996750·2023-11-14 09:35

服务器webpack编译速度优化,Webpack编译速度优化实战

PleaseallowyourbrowsertorunJavaScriptscripts.
张一墨·2023-11-14 09:04
上一页 37 38 39 40 41 42 43 44 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他