前端技术-webpack 第19页

10w 字前端技术文档分析

在2023年11月份，有小伙伴跟我说前端学习得很迷茫，不知道该学什么，也不知道已经学过的学得怎么样，于是，我立即萌生了一种想法，我要写一份前端文档，既可以帮助我自己查漏补缺，也可以帮助到其他人。经历了2个多月的不断努力，终于，我的文档在今天达到了10w字。包含了前端领域的各个内容，例如：前端三件套（HTML、CSS、JavaScript）前端热门框架（Vue、React）前端构建工具（Webpac

Jackson-Mseven·2024-01-21 21:48

Webpack5入门到原理21：提升开发体验

SourceMap为什么开发时我们运行的代码是经过webpack编译后的，例如下面这个样子：/**ATTENTION:The"eval"devtoolhasbeenused(maybebydefaultinmode

duansamve·2024-01-21 21:48

【万字解析】Webpack 优化构建性能（分析-＞优化）

Webpack优化构建性能1.分析构建性能分析构建体积全局安装webpack-bundle-analyzer插件npmi-gwebpack-bundle-analyzer运行webpack-bundle-analyzerwebpack-bundle-analyzer

Jackson-Mseven·2024-01-21 21:17

Webpack5入门到原理19：React 脚手架搭建

开发模式配置//webpack.dev.jsconstpath=require("path");constESLintWebpackPlugin=require("eslint-webpack-plugin

duansamve·2024-01-21 21:16

webpack 进阶用法

自动清除构建目录安装npmiclean-webpack-plugin-D修改webpack.config.jsplugins:[newCleanWebpackPlugin()]CSS自动补全前缀信息postcss-loaderautoprefixernpmipostcss-loaderautoprefixer-Dmodule

阿畅_·2024-01-21 20:09

webpack打包优化

记一次react项目优化的过程优化前，用uglifyjs-webpack-plugin插件压缩js后得到的大小，实际大小1.3M，如图：image.png以上图形化界面，可下载webpack-bundle-analyzer

艾晨星雨·2024-01-21 19:24

前端周刊第十三期

四六十·2024-01-21 18:50

N-140基于springboot,vue协同过滤推荐算法个性化购物商城

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot

IT教程资源·2024-01-21 17:53

vue实现预渲染

该文档以vue-cli搭建的项目结构为例第一步：安装工具包cnpmiprerender-spa-pluguin-D第二步：配置webpack找到build/webpack.pro.con

duans_·2024-01-21 16:12

你可能不知道的webpack小知识

当webpack处理应用程序时，它会递归地构建一个依赖关系图,主要包括下面四个核心概念1.入口entry：指示webpack应该使用哪个模块，来作为构建其内部依赖图的开始2.出口output：告诉webpack

外星人_863d·2024-01-21 16:16

JNPF低代码开发平台总体架构介绍

目录一、JNPF介绍二、团队能力三、技术选型1.后端技术栈2.前端技术栈3.数据库支持四、JNPF界面示意图五、开发环境一、JNPF介绍JNPF是一款企业级低代码开发平台。

这我可不懂·2024-01-21 16:21

JS 快速搞定前端技术

高效学习三部曲:找准知识体系；刻意训练；及时反馈;1.介绍【说说面试的那些事儿】1.typeof能判断哪些类型？(考点-JS变量类型)答：objectundefinedstringnumberbooleansymbol2.何时使用===何时使用==？(考点-强制类型转换)答：两等==(称为等值符，当等号两边的类型相同时，直接比较值是否相等，若不相同，则先转化为类型相同的值，再进行比较；)100==

彬_哥哥·2024-01-21 15:25

6年Java开发经验的工程师需要掌握的技能

掌握Web开发技术：熟悉HTML、CSS、JavaScript等前端技术，以及常用的前端框架和库，如jQu

多云&秋雨·2024-01-21 13:01

JAVA计算机毕业设计基于vue技术的汽车维修检测系统设计与实现源码+数据库+系统+lw文档

数据库+系统+lw文档JAVA计算机毕业设计基于vue技术的汽车维修检测系统设计与实现源码+数据库+系统+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

荣荣科技·2024-01-21 12:26

计算机毕业设计ssm校园快递代取平台32618系统+程序+源码+lw+远程部署

计算机毕业设计ssm校园快递代取平台32618系统+程序+源码+lw+远程部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

绿霞·2024-01-21 12:55

计算机毕业设计Java智慧防疫上报系统小程序端（源码+系统+mysql数据库+Lw文档）

源码+系统+mysql数据库+Lw文档）计算机毕业设计Java智慧防疫上报系统小程序端（源码+系统+mysql数据库+Lw文档）项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

志宏科技·2024-01-21 12:55

基于JAVAWEB系统秒杀优化设计计算机毕业设计源码+系统+lw文档+部署

系统秒杀优化设计计算机毕业设计源码+系统+lw文档+部署基于JAVAWEB系统秒杀优化设计计算机毕业设计源码+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

双双科技·2024-01-21 12:25

计算机毕业设计ssm全国生鲜溯源平台rfo13系统+程序+源码+lw+远程部署

rfo13系统+程序+源码+lw+远程部署计算机毕业设计ssm全国生鲜溯源平台rfo13系统+程序+源码+lw+远程部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

含宇网络·2024-01-21 12:25

基于Java毕业设计贝壳找房系统源码+系统+mysql+lw文档+部署软件

+系统+mysql+lw文档+部署软件基于Java毕业设计贝壳找房系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

雪夜科技·2024-01-21 12:25

web前端项目-中国象棋【附源码】

在Web前端技术中，我们可以使用HTML、CSS和JavaScript等语言来制作一款中国象棋游戏。玩家使用棋子（帅/相/士/炮/马/车/炮/卒）在棋盘上相互对弈，将对手的“帅”棋子吃掉即为胜利。

温轻舟·2024-01-21 12:52

Webpack5入门到原理20：Vue 脚手架搭建

开发模式配置//webpack.dev.jsconstpath=require("path");constESLintWebpackPlugin=require("eslint-webpack-plugin

duansamve·2024-01-21 11:32

Vue-CLI 的安装和使用

Vue-CLI(Vue脚手架)介绍Vue-CLI是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成Vue和webpack的项目模板如果只是简单的写几个Vue的Demo

coderlion·2024-01-21 11:47

Webpack5入门到原理17：Loader 原理

loader概念帮助webpack将不同类型的文件转换为webpack可识别的模块。

duansamve·2024-01-21 11:17

Webpack5入门到原理15：提取 Css 成单独文件

style标签来生成样式这样对于网站来说，会出现闪屏现象，用户体验不好我们应该是单独的Css文件，通过link标签加载性能才好1.下载包npmimini-css-extract-plugin-D2.配置webpack.prod.jsconstpath

duansamve·2024-01-21 10:47

vue项目node_modules越来越大的问题

但是并不想删除node_modules重装，后来找到了是CompressionWebpackPlugin插件开启了GZIP压缩，缓存越来越大的问题，在vue.config.js相关配置中增加一条cache

摸鱼857·2024-01-21 09:43

解决 vue 项目开发越久 node_modules包越大的问题

解决vue项目开发越久node_modules包越大的问题node_modules.cache文件（编译缓存文件可以删除）compression-webpack-plugin禁止缓存constCompressionPlugin

yujkss·2024-01-21 09:37

Vue中使用debugger在浏览器中不起作用解决方案

解决方案：找到文件vue.config.js，或全局搜索configureWebpack，在如下位置加入devtool:"sourcemap"，重新启动项目，debugger即可生效。

小鱼小鱼干·2024-01-21 08:29

webpack进阶（三）：常用插件

在上面的文章中，我们用到过四个插件，html的模板插件：HtmlWebpackPlugin，热更新的插件HotModuleReplacementPlugin，以及动态链接库所用到的webpack两个自带的插件

尐羽·2024-01-21 07:33

vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in you...

在webpack.config.js中加入constpath=require('path');//导入在内存中生成的HTML插件只要是插件都一定要放在plugin插件中去consthtmlWebpackPlugin

___大鱼___·2024-01-21 07:44

如何使用Webpack打包js文件

《Webpack打包简单的js文件》初始化一个新的npm步骤一：初始化npm项目，创建一个package.json文件npminit-y步骤二：添加打包脚本：在scripts部分添加一个命令来运行webpack"scripts

小舟423·2024-01-21 06:36

Webpack打包简单的js文件

初始化一个新的npm步骤一：初始化npm项目，创建一个package.json文件npminit-y步骤二：添加打包脚本：在scripts部分添加一个命令来运行webpack"scripts":{ "build

哎亚亚哎亚亚·2024-01-21 06:06

Webpack打包vue项目

vuecreate项目名称在项目里打开终端步骤二：初始化npm项目，创建一个package.json文件npminit-y步骤三：修改package.json"scripts":{ "build":"webpack

哎亚亚哎亚亚·2024-01-21 06:25

如何使用Webpack打包vue文件

《Webpack打包vue项目》步骤一：创建一个vue项目vuecreate项目名称在项目里打开终端步骤二：初始化npm项目，创建一个package.json文件npminit-y步骤三：修改package.json"scripts

小舟423·2024-01-21 06:25

webpack 核心武器：loader 和 plugin 的使用指南（上）

牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、引言介绍Webpack

阿珊和她的猫·2024-01-21 06:54

014-信息打点-JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目

&分析2、JS前端架构-开发框架分析3、JS前端架构-打包器分析4、JS前端架构-提取&FUZZ解决：1、如何从表现中的JS提取价值信息2、如何从地址中FUZZ提取未知的JS文件3、如何从JS开放框架WebPack

wusuowei2986·2024-01-21 06:06

Webpack5入门到原理18：Plugin 原理

Plugin的作用通过插件我们可以扩展webpack，加入自定义的构建行为，使webpack可以执行更广泛的任务，拥有更强的构建能力。

duansamve·2024-01-21 05:40

Webpack5入门到原理6：处理图片资源

处理图片资源过去在Webpack4时，我们处理图片资源通过file-loader和url-loader进行处理现在Webpack5已经将两个Loader功能内置到Webpack里了，我们只需要简单配置即可处理图片资源

duansamve·2024-01-21 05:39

微信小程序-01

微信小程序开发使用的是前端技术，主要基于HTML、CSS、JavaScript进行开发。开发者可以利用小程序提供的API接口和组件，实现小程序的功能和界面设计。小程序可以实现实时通信、

菜♕卷·2024-01-21 03:53

vue 项目兼容 IE 浏览器

前言:网上找了很多关于vue项目兼容IE浏览器的教程步骤,写的非常详细,但根据我自己的项目,怎么找都没有找到webpack.base.conf.js这个文件,就没办法配置因为vue-cli最新版本原因,

小童姥·2024-01-21 03:49

webpack

打包##使用webpack进行工程化开发1．需要在本地先全局安装webpack工具window+Rcmdnpminstallwebpack@4-gnpminstallwebpack-cli@3-g删除npmremovewebpack-g

野鸽儿·2024-01-21 02:32

Webpack5入门到原理25：总结

我们从4个角度对webpack和代码进行了优化：提升开发体验使用SourceMap让开发或上线时代码报错能有更加准确的错误提示。

duansamve·2024-01-21 01:42

Webpack5入门到原理23：减少代码体积

怎么用Webpack已经默认开启了这个功能，无需其他

duansamve·2024-01-21 01:41

Webpack5入门到原理24：优化代码运行性能

优化代码运行性能CodeSplit为什么打包代码时会将所有js文件打包到一个文件中，体积太大了。我们如果只要渲染首页，就应该只加载首页的js文件，其他文件不应该加载。所以我们需要将打包生成的文件进行代码分割，生成多个js文件，渲染哪个页面就只加载某个js文件，这样加载的资源就少，速度就更快。是什么代码分割（CodeSplit）主要做了两件事：分割文件：将打包生成的文件进行分割，生成多个js文件。按

duansamve·2024-01-21 01:11

Webpack5入门到原理22：提升打包构建速度

HotModuleReplacement为什么开发时我们修改了其中一个模块代码，Webpack默认会将所有模块全部重新打包编译，速度很慢。