WebPack打包工具

【webpack学习】React项目中webpack.config.js 和 webpack.base.config.js 的区别

在React项目中，通常使用Webpack作为打包工具。webpack.config.js和webpack.base.config.js两个文件在项目中的作用是不同的。
周兴·2024-01-12 08:15

【webpack学习】使用webpack打包工具打包后的vendors~文件

在React框架下，使用Webpack打包工具进行项目打包时，生成的vendors文件通常是用于包含项目中使用的第三方库（dependencies）的代码的文件。
周兴·2024-01-12 08:15

webpack之entry

entry指示webpack应该使用哪个模块，来作为构建其内部依赖图（之后的章节会讲依赖图，记得关注我哦）的开始。进入入口起点后，webpack会找出有哪些模块和库是入口起点（直接和间接）依赖的。
秃头的小毛驴·2024-01-12 08:13

webpack之输出(output)

可以通过配置output选项，告知webpack如何向硬盘写入编译文件。注意，即使可以存在多个entry起点，但只能指定一个output配置。
秃头的小毛驴·2024-01-12 08:13

【webpack学习】webpack插件之“html-webpack-plugin”

1.介绍html-webpack-plugin是一个Webpack插件，用于简化在构建过程中创建HTML文件的过程。
周兴·2024-01-12 08:03

Vue基础-搭建Vue运行环境

包括node.js安装和配置、安装Vue及VueCLI工具、安装webpack模板、安装vue-router、创建Vue项目等步骤。
Damon小智·2024-01-12 07:32

webpack执行流程知识点总结

webpack的运行流程Webpack的运行流程是一个串行的过程，从启动到结束会依次执行以下流程：在以上过程中，Webpack会在特定的时间点广播出特定的事件，插件在监听到感兴趣的事件后会执行特定的逻辑
小白探索世界欧耶！~·2024-01-12 07:29

webpack配置 - gpt问答 待整理

前端项目中引用的依赖，语法怎么做兼容在前端项目中引用的依赖通常使用npm或者yarn进行管理。为了确保语法的兼容性，可以在项目的package.json文件中指定所需的依赖版本范围，例如：{“dependencies”:{“react”:“^16.8.6”,“lodash”:“~4.17.11”}}在上面的例子中，^表示允许使用16.x.x系列的React版本，而~表示只允许使用4.17.x系列的
颓废的四哥·2024-01-12 07:59

快速创建@vue/cli脚手架

►由于我们用webpack自己配置环境很麻烦，需要下载很多包,因此我们可以下载@vue/cli包,直接用vue命令创建脚手架项目；►那么创建@vue/cli脚手架的好处是什么呢？
陈小谷谷·2024-01-12 07:15

怎样创建vue项目(分别基于vue-cli和vite两种的创建方式)

使用打开黑窗口的快捷键window+R，输入cmd，在黑窗口输入node-v，如果输出版本号，就说明安装node环境成功，2、vue-cli搭建Vue开发环境VueCLI：命令行界面，俗称脚手架，VueCLI是一个基于webpack
czy陈泽宇·2024-01-12 07:41

【TimePiker.RangePiker】时间范围选择组件封装与时间检验

文章主要包括如下这几个主题：js基础知识及难点；node、webpack、typescript、
蓝瑟·2024-01-12 05:36

在vue项目中引入less

vue2.x的环境下引入并使用less的流程1、安装less在项目的根目录下打开命令行工具，执行命令：npminstalllessless-loader--save-dev安装完成后打开build目录，修改webpack.base.conf.js
BAEBAE996·2024-01-12 04:22

Critical dependency: the request of a dependency is an expression（import）

文件问题所在位置exportdefault{created(){//告警所在import(`@/md/${file}`).then(moduleFile=>{//}).catch(err=>{});}}原因webpack
梓喻·2024-01-12 04:27

webpack和nginx反向代理 pathRewrite rewrite

例如：请求地址为：http://127.0.0.1:8080/probgp/aa/bb/cc代理地址为：https://www.baidu.com/api/aa/bb/cc1、webpack方式2、nginx
好名全被用·2024-01-12 02:44

webpack配置-loader配置详情-module配置详情

webpack配置-loader配置详情-module配置详情比较上一篇博客的webpack.config.js文件仅更新了module对象链接:webpack配置–output常用配置详情-打包文件命名
_套码的汉子·2024-01-12 02:43

webpack里如何配置反向代理，怎样配置反向代理，webpack配置反向代理(前后端联调)，如何用反向代理解决跨域问题

反向代理一、为啥要叫反向代理正向代理隐藏真实客户端，反向代理隐藏真实服务端。二、反向代理解决的问题反向代理解决的就是跨域，在前后端联调的情况下，前端有服务器，后端也有服务器，那么联调时，就存在跨域问题三、反向代理的原理通过伪造请求使得http请求为同源的，然后将同源的请求发送到反向代理服务器上，由反向代理服务器去请求真正的url，这样就绕过直接请求真正的url导致跨域问题。四、反向代理如何使用在项
田江·2024-01-12 02:19

前端配置wabpack反向代理

域名端口地址都相同才可以不然就是跨域解决方案一般是后端配置cors请求头为*允许跨域–还有一种方式就上去前端配置反向代理进行跨域–重点:服务器向服务器发送请求是不会跨域的–所以遇到了跨域就需要用本地的服务器去发请求在开发vue项目的时候webpack
haosicx·2024-01-12 02:49

nginx反向代理配置和webpack.devServer

当然，webpack有自带的跨域机制webpack.devServer，有兴趣的可以去查阅下相关资料一、非框架开发时，配置本地nginx反向代理：先去下载nginx包，然后解压，找到conf文件夹，里边有
晴天暖宝宝·2024-01-12 02:15

了解vite构建工具

随着前端应用越来越庞大复杂，例如上千个模块，基于js开发的工具（例如webpack、Rollup、Parcel）就会遇到性能瓶颈，而vite就是用来解决这个问题，他的与构建依赖的速度比js打包构建工具的速度快
wjs0406·2024-01-11 23:19

wepack4 splitchunk

Webpackv4chunk分块深度挖掘补充理解一.module/chunk/bundle的理解module:模块，在webpack眼里，任何可以被导入导出的文件都是一个模块chunk:chunk是webpack
瑞瑞w·2024-01-11 21:21

前端页面优化做的工作

1.分析模块占用空间new(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)()2.使用谷歌浏览器中的layers，看下有没有影响性能的模块
瑞瑞w·2024-01-11 21:46

Vue编译小知识-