wepack

vue前端更新后需要清空缓存

场景：前端vue3网站项目使用wepack打包后进行部署，但是用户浏览器访问网站时加载了缓存，导致没有及时更新。
woflyoycm·2024-08-24 12:06

wepack中plugin与loader的区别

loaderloader用于对模块的源代码进行转换。loader可以使你在import或"加载"模块时预处理文件。因此，loader类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。loader可以将文件从不同的语言（如TypeScript）转换为JavaScript，或将内联图像转换为dataURL。loader甚至允许你直接在JavaScript模块中importC
逆风飘游的鱼·2024-02-12 08:01

vue和react的路由懒加载

其实不管是vue还是react,其路由懒加载的实现得益于wepack的异步模块打包，其原理就是利用es6import()函数。这个import不是import命令。
MaxLoongLvs·2024-01-31 14:12

初步了解Vite

为什么会有vite三、webpack为什么这么慢四、vite为什么会这么快五、viteVSwebpack六、Vite缺点七、支持一、认识Vitewebpack是目前整个前端使用最多的构建工具，但是除了wepack
*neverGiveUp*·2024-01-25 05:50

webpack4：基本使用

webpack是基于Node构建，所以wepack支持所有NodeAPI和语法。即：Chrome浏览器能支持的ECMAScript语法（排除DOM、BOM），wbpack都能支持。
duansamve·2024-01-20 07:55

wepack4 splitchunk

Webpackv4chunk分块深度挖掘补充理解一.module/chunk/bundle的理解module:模块，在webpack眼里，任何可以被导入导出的文件都是一个模块chunk:chunk是webpack拆分出来的：每个入口文件都是一个chunk通过import、require引入的代码也是通过splitChunks拆分出来的代码也是bundle:webpack打包出来的文件，也可以理解为
瑞瑞w·2024-01-11 21:21

webpack

modulebundler)把很多文件打包整合到一起,缩小项目体积,提高加载速度其中功能:less/sass->cssES6/7/8->ES5处理js兼容支持js模块化处理css兼容性html/css/js->压缩合并（wepack
jokerJOJO777·2023-12-19 05:12

Webpack 工程化基础

webpack基础Wepack工程打包机Webpack基本概念WebpackDemosNode.jsDebuggerwebpack学习实践系列WebpackDevServerWebpackloader十问
坚果jimbowhy·2023-11-28 11:40

vue-cli生成的模板各个文件详解（转）

配置基础文件详解一、前言原文：https://segmentfault.com/a/1190000014804826vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+wepack
weixin_30533797·2023-11-21 15:19

vue解决首屏加载过慢问题

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

webpack配置问题集合

wepack-dev-server未安装1.执行npmstart，报上面的错误信息，需要安装webpack-dev-server，如果用到webpack-dev-server，同时也需要安装webpack-cli
jinjin2018·2023-10-08 18:52

wepack打包生产环境使用http-proxy-middleware做api代理转发的方法

首先安装http-proxy-middleware依赖，这个用npm和yarn安装都可以。然后在express服务器的代码增加如下内容：constexpress=require("express");constapp=express();const{createProxyMiddleware,fixRequestBody,}=require("http-proxy-middleware");app
kingtopest·2023-09-26 07:56

tapable(webpack)

在要学习自己写wepack插件前，有必要了解一下tapable什么是tapabletapable这个小型library是webpack的一个核心工具，但也可用于其他地方，以提供类似的插件接口。
AAA前端·2023-09-24 18:36

一些前端问题总结

浏览器的协商缓存和强制缓存2.首页白屏优化实践前端项目分析：我是如何做页面加载优化的（减少白屏时间，加快页面打开速度）3.webpack热更新源码实现4.面试题5.js常用排序6.通俗的解释git操作7.wepack
shonn_zhang·2023-09-24 04:48

尚硅谷wepack课程学习笔记

为什么需要使用打包工具？开发时使用的框架、es6语法、less等浏览器无法识别。需要经过编译成浏览器能识别的css、js才可以运行。打包工具可以帮我们编译，号可以做代码压缩、兼容处理、性能优化。常见的打包工具有什么？vite、webpack、glup、gruntwebapck最基本的使用?是一个静态资源打包工具，以一个或多个文件为打包入口，将项目中所有文件编译组合成输入一个或多个文件。这个输出的文
MissXu666·2023-09-21 11:27

webpack 那些事 （一）使用篇

最近在研究webpack，关于webpack鄙人计划写三篇文章：wepack的使用wepack的优化方案试读wepack的源码分析其原理其目的就是为了写下来印象深刻，理解通透，当然方便日出自己的查看，当然鄙人能力有限
duffy990·2023-08-15 04:15

直播回顾 | SDS 容灾方案，让制品数据更安全

来自腾讯云CODING的高级解决方案架构师陈钧桐和XSKY星辰天合金融行业解决方案专家战策，分享了制品管理的困境与需求、腾讯云WePack制品库管理平台、WePack与XSKY制品数据联合解决方案、XSKY
XSKY星辰天合·2023-07-26 03:07

create-wepack-app proxy代理设置

package.json:加上以下参数配置"proxy":{"/":{"target":"http://localhost:3001"}}
More_5897·2023-07-22 08:13

react ts wepack分包

reacttswepacktsx分包，页面加载从40s优化到2秒，还有空间，但是不在讨论范围，本次说下wepack分包和react懒加载yin'zi真的有4M，40S如图于是加了GZIP，大概还有10s
反者道之动001·2023-07-13 17:55

wepack的妙用

你知道webpack的作用是什么吗？从官网上的描述我们其实不难理解，webpack的作用其实有以下几点：模块打包。可以将不同模块的文件打包整合在一起，并且保证它们之间的引用正确，执行有序。利用打包我们就可以在开发的时候根据我们自己的业务自由划分文件模块，保证项目结构的清晰和可读性。编译兼容。在前端的“上古时期”，手写一堆浏览器兼容代码一直是令前端工程师头皮发麻的事情，而在今天这个问题被大大的弱化了
马士兵教育苹果老师·2023-04-11 22:44

vue-cli离线初始化项目

下载模板从https://github.com/vuejs-templates/wepack下载webpack模板文件：然后在路径：C:\Users\用户名\下创建.vue-tem
前端很忙·2023-04-09 17:35

wepack4配置入门

一、webpack简介1.1webpack是什么webpack是一种前端资源构建工具，一个静态模块打包器(modulebundler)。在webpack看来,前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。webpack会从打包入口开始，找到所有的依赖（js/json/css/img
一天一丢丢·2023-04-03 20:34

从零搭建react16开发环境（三）——wepack

打包出口文件加入hash值防止浏览器缓存output:{filename:"js/[name].[chunkhash].js",}安装CleanWebpackPlugin代码开发过程中，打包前先清除原打包成的dist文件夹，防止打包好的js文件一直累积。命令行输入并执行：npminstall--save-devclean-webpack-plugin配置webpack.prod.conf.js（3
一卿先森·2023-03-20 10:46

vite和webpack的区别

wepack原理图vite原理图webpack会先打包，然后启动开发服务器，请求服务器时直接给予打包结果。而vite是直接启动开发服务器，请求哪个模块再对该模块进行实时编译。
自由的音符·2023-02-24 15:43

Webpack 高级配置

进行数据的打包抽取出三个配置文件webpack.config.js公共配置的目录webpack.dev.js开发环境需要使用到的配置webpack.prod.js生产环境需要使用到的配置需要使用到的插件wepack
小火车况且况且·2022-10-06 22:49

webpack 拆包：关于 splitChunks 的几个重点属性解析

先来举个简单的栗子，wepack设置中有3个入口文件：a.js、b.js和c.js，每个入口文件都同步import了m1.js，不设置splitChunks，配置下webpack-bundle-analyzer
·2022-07-11 12:17

使用webpack5，vue3搭建项目

稳定地enalpro创建Web应用特性Vue3,wepack@5,pnpm,减小node_modules体积组件自动化加载使用Pinia的状态管理UnoCSS-高性能且极具灵活性的即时原子化CSS引擎各种图标集为你所用
·2022-03-30 17:10

vue项目中webpack使用总结

webpack创建vue的运行环境//初始化运行环境npminit//wepack4.X需安装webpack-clinpminstallwebpackwebpack-cli--save新建webpack.config.js
ysp123·2022-02-16 20:54

手动配置webpack4.x配置打包vue项目脚手架

因为webpack4.x配置文件已经默认放到了node_modules里面，配置只能在根目录新建vue.config.js来进行配置，所以便动手基于wepack4.x手动配置了一个vue的脚手架，功能跟
eazdp·2022-02-15 09:38

从零开始搭建vue-node-webpack前端项目环境step1

1、先用npminit初始化项目，生成package.json文件2、由于我们前端项目是采用wepack作用编译压缩文件，在这里就从webpack的相关配置开始进行，在项目文件下创建build文件夹，用来存放我们
邪风曲_f8f3·2022-02-08 16:07

WePack —— 助力企业渐进式 DevOps 转型

本文为CODING高级产品经理俞典在腾讯云CIF工程效能峰会上所做的分享。文末可前往峰会官网，观看回放并下载PPT。大家好，我是CODING高级产品经理俞典。DevOps对于大家而言应该已经不是一个陌生的概念，它为研发团队带来了更快的交付速度、响应变化和更好的团队协作方式，帮助企业实现几天到几周内交付和部署软件。在DevOps流程中，大家可能更容易关注到代码、流水线、测试、发布等工具带来的效能升级
·2021-12-08 18:45

create-react-app 配置less css-module

npmruneject暴露wepack.config.js配置npmilessless-loader--save下载less和less-loader仿照create-react-app配置sass代码配置
evilGenuis_9527·2021-06-12 22:57

React.js学习笔记(16) webpack3 (一) 服务端渲染 + ( webpack-dev-server ) + ( react-hot-loader )

(一)wepack命令行----(npmscript)在npminit初始化的项目中package.json文件中的"script"对象中配置"scripts":{"test":"echo\"Error
woow_wu7·2021-05-10 06:09

CODING 首届金融科技技术交流闭门会议顺利召开

由腾讯云旗下一站式DevOps开发平台CODING和中国DevOps社区主办的深圳第十一届Meetup圆满结束，会上三位专家分享了自己独到的行业见解，腾讯云CODINGDevOps产品经理陈信州，在会上发布了题为《WePack
CODING_devops·2021-04-16 16:01

webpack性能优化之hard-source-wepack-plugin

在webpack4.0的时代，optimization下的splitchunk配置较多，尤其是cacheControls的权重配置，在4.0到5.0之间有一种过渡的使用缓存的方式，打包很快，借助hard-source-webpack-plugin，代码如下：constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-
·2021-04-01 17:33

NodeJs搭建简单易用的本地代理服务器

webpack-dev-server一般使用在基于wepack的项目，普通H5搭建需要成本。支
_我爱鱼香肉丝·2021-01-15 19:06

CODING 推出独立制品仓库 WePack，助力企业渐进式 DevOps 转型

在刚刚开启的QCon全球软件开发大会上，CODING宣布推出全新产品——企业级制品管理平台WePack。
CODING·2020-12-08 14:00

CODING 推出独立制品仓库 WePack，助力企业渐进式 DevOps 转型

近日，CODING宣布推出全新产品——企业级制品管理平台WePack。
王治治·2020-12-06 23:03

learn-webpack（lesson01）

该项目地址：https://gitee.com/lxx147258/learn-wepack前言webpack旨在模块化开发中根据依赖关系打包所有资源（html、css、js、image等）。
L147·2020-10-12 19:19

learn-webpack（lesson02）

该项目地址：https://gitee.com/lxx147258/learn-wepack前言在lesson01中，我们初步体验了webpack是怎么打包的，是直接使用了webpack命令，那么这节我们来看一下
L147·2020-10-12 19:08

web前端性能优化，这几点让你的代码质量变高

2，使用代码压缩现在wepack等工具，都能够通过npmrunbuilt，将代码压缩成
git小米粥·2020-09-26 19:50

wepack二 打包项目文件及配置

1.在前面webpack学习一的基础上继续进行学习在之前是基础的文件，实际会出现多个js文件等/包括执行命令的复杂性2.在项目根目录下添加文件夹app/public分别在app内添加入口文件main.js以及Greeter.js//main.jsconstgreeter=require('./Greeter.js');document.querySelector("#root").appendCh
骑上我心爱的小摩托·2020-09-15 17:02

vue-cli脚手架build目录中的webpack.base.conf.js配置文件详解

webpack.base.conf.js：vue开发环境的wepack相关配置文件，主要用来处理各种文件的配置。
Pluto517·2020-09-14 05:01

vue-cli脚手架build目录中的webpack.base.conf.js配置文件

此文章用来解释vue-cli脚手架build目录中的webpack.base.conf.js配置文件此配置文件是vue开发环境的wepack相关配置文件，主要用来处理各种文件的配置关于注释当涉及到较复杂的解释我将通过标识的方式
叶家伟·2020-09-12 23:50

webpack.base.conf.js文件

utils是vue开发环境的wepack相关配置文件，主要用来处理css-loader和vue-style-loader。
我家小薇薇·2020-09-12 23:42

webpack学习和使用一（安装使用和简单demo）

webpack能干什么三、webpack安装1、我们先建立一个项目文件夹\webpackDemo2、初始化npm3、安装webpack4、安装webpack-cli（webpack命令行界面，安装了才可以执行wepack
大话主席·2020-08-25 11:15

react新手入门06-浅谈前端路由和后端路由

是不是wepack,ceate-react-app把后端隐藏起来了?这个原因主要是,你可能没听说过还有前端路由这样一个概念(名词)浅谈-前端路由与后端路由的机制后端路由的
酸萝卜·2020-08-25 00:08

webpack模块化原理-Code Splitting

根据wepack官方文档，实现动态加载的方式有两种：import和require.ensure。那么，这篇文档就来分析一下，webpack是如何实现codesplitting的。
keller35·2020-08-24 13:02

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

vue-loaderwasusedwithoutthecorrespondingplugin.MakesuretoincludeVueLoaderPlugininyourwebpackconfig.查了好久最后结果是：vue-loader在15以前的版本打包时候会自动生成VueLoaderPlugin，但是现在需要手动去wepack.config.js
Distance-X·2020-08-22 04:44

wepack四 引入加载css文件

在webpack项目中引入css样式首先需要在终端安装cssloadernpminstallcss-loaderstyle-loader--save-dev2.在webpack.config.js中进行配置module:{rules:[{test:/\.css$/,use:['style-loader','css-loader'],}]},3.新建样式文件index.cssbody{backgro
骑上我心爱的小摩托·2020-08-22 01:08
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他