Webpack5

webpack5的资源处理（asset modules）

图片字体之类的资源的时候等，需要用到url-loader，file-loader，raw-loader，webpack5则放弃了这三个loader，这三个loader在github上也停止了更新。
undeflined·2021-03-22 16:11

webpack module federation 在老旧项目的使用

能否利用webpack5的这个新特点，来解决我的困境呢？modulefederation令我兴奋的特点：支持项目导出组件供其他项目使
·2021-03-18 18:15

前端爱好者周刊第3期：各大厂 webpack5 实践

前端爱好者周刊(Github:shfshanyue/weekly)，每周记录关于前端的开源工具、优秀文章、重大库版本发布记录等等，周刊中优秀文章会在公众号全栈成长之路逐一推送。每周一发布，订阅平台如下，欢迎订阅。订阅网站:https://weekly.shanyue.tech订阅Github:shfshanyue/weekly封面祁连山国家公园青海片区拍摄到的荒漠猫一句话Flutter将成为未来构
·2021-03-15 13:35

前端爱好者周刊第3期：各大厂 webpack5 实践

前端爱好者周刊(Github:shfshanyue/weekly)，每周记录关于前端的开源工具、优秀文章、重大库版本发布记录等等，周刊中优秀文章会在公众号全栈成长之路逐一推送。每周一发布，订阅平台如下，欢迎订阅。订阅网站:https://weekly.shanyue.tech订阅Github:shfshanyue/weekly封面祁连山国家公园青海片区拍摄到的荒漠猫一句话Flutter将成为未来构
·2021-03-15 13:49

开发服务器devServer配置(webpack)

需下载webpack-dev-server包1、安装npmiwebpack-dev-server-D2、webpack5需在w
·2021-03-12 06:40

开发服务器devServer配置(webpack)

需下载webpack-dev-server包1、安装npmiwebpack-dev-server-D2、webpack5需在w
·2021-03-12 06:16

Webpack5

下面就带着问题一起分析一下Vite2、Snowpack3和Webpack5吧！WebpackWebpack是近年来使用量最大，同时社区最完善的前端打包构建工具，
·2021-03-09 21:24

基于Webpack5 Federated Module的微服务框架

本文章主要围绕emp使用进行介绍，主要记录使用emp框架一些搭建过程准备工作emp仓库链接:https://github.com/efoxTeam/e...可根据README完成初步框架的创建创建工程anyun-main选择模版react基础调整由于emp默认创建的react工程版本是16，所以需要删除默认包，重新安装最新版本备注：不想升级可忽略此步骤1.yarnremovereactreact-
·2021-02-20 22:35

webpack5 新特性

第五代webpack昨天发布，距离上一个版本4.0有两年的时间，这次的发版给javascript生态中最常用的打包模块带来了很多变化。如果像我一样，在webpack兴起之前就开始了你的前端生涯，你还记得在工作中使用gulp和grunt的抱怨和沮丧吗？让我们来看看这个非常受欢迎的库的新版本带来的重大变化和改进这个版本需要关注5个关键点快速持久的构建开发者们抱怨最多的就是关于webpack的打包速度太
makuta·2021-02-20 11:08

webpack5新特性

此版本重点关注以下内容:通过持久缓存提高构建性能.使用更好的算法和默认值来改善长期缓存.通过更好的树摇和代码生成来改善捆绑包大小.清除处于怪异状态的内部结构，同时在v4中实现功能而不引入任何重大更改.通过引入重大更改来为将来的功能做准备，以使我们能够尽可能长时间地使用v5.下载npmiwebpack@nextwebpack-cli-D自动删除Node.jsPolyfills早期，webpack的目
热心市民萝卜先生·2021-02-19 14:21

基于Webpack5 Federated Module的微服务框架

本文章主要围绕emp使用进行介绍，主要记录使用emp框架一些搭建过程准备工作emp仓库链接:https://github.com/efoxTeam/e...可根据README完成初步框架的创建创建工程anyun-main选择模版react基础调整由于emp默认创建的react工程版本是16，所以需要删除默认包，重新安装最新版本备注：不想升级可忽略此步骤1.yarnremovereactreact-
·2021-02-19 09:27

webpack5 中 babel 的配置及 JS 浏览器向下兼容处理

JS浏览器兼容yarnaddbabel-loader@babel/core@babel/preset-envmodule:{rules:[//规则定义{test:/\.js$/,//正则exclude:/node_modules/,use:{loader:"babel-loader",//如果有.babelrc文件则参数.babelrc文件规则},}],},以上已经可以很好的对IE11以上的浏览器
简桐·2021-02-10 23:52

webpack5 中 css-loader 的配置

loader解释器//webpack.config.jsmodule:{rules:[//在这里面定义指定文件对应的解释器//规则定义{test:/\.js$/,//正则exclude:/node_modules/,use:{loader:"babel-loader",//根据.babelrc文件艰辛规则渲染},},{test:/\.(s[ac]|c)ss$/i,//正则use:["style-l
简桐·2021-02-08 23:02

升级webpack5过程中遇到的坑

遇到了一系列的问题，这里记录两个：extract-text-webpack-plugin兼容问题webpack-dev-server兼容问题1.extract-text-webpack-plugin兼容问题升到webpack5
LYFlied·2021-02-04 19:39

Webpack 5 新特性尝鲜

安装与启动Webpack5发布已经有一段时间了，很多小伙伴都在考虑要不要升级，有没有升级的必要，不知道升级后有哪些改变；今天我们就来做个对比看看，webpack5带来了那些全新的改变；没有对比就没有伤害
西岭老湿·2021-02-04 16:31

Webpack 5 新特性尝鲜

安装与启动Webpack5发布已经有一段时间了，很多小伙伴都在考虑要不要升级，有没有升级的必要，不知道升级后有哪些改变；今天我们就来做个对比看看，webpack5带来了那些全新的改变；没有对比就没有伤害
·2021-02-04 14:13

Webpack 5 新特性尝鲜

安装与启动Webpack5发布已经有一段时间了，很多小伙伴都在考虑要不要升级，有没有升级的必要，不知道升级后有哪些改变；今天我们就来做个对比看看，webpack5带来了那些全新的改变；没有对比就没有伤害
·2021-02-04 13:42

【webpack5】 性能优化

【webpack5】性能优化优化构建速度（开发体验效率）优化产出代码（应用性能、网络性能啥的）一、优化构建速度1、babel-loader开启缓存当有设置时，指定的目录将用来缓存loader的执行结果。
小笼包是馒头·2021-02-03 16:37

真香 - Webpack5 新特性之增量编译

webpack5正式发布于2020年10月10号，距离上一个大版本Webpack4更新已经是2年前年了，每个大版本的升级都会有相当多的改变和提升，今天咱们就来看看增量编辑和长期缓存。
zz_jesse·2021-01-29 13:45

webpack5新特性记录

webpack5大致使用和webpack4相同介绍下新的特性1、启动命令不一样了webpackserve就能启动webpack-dev-server"scripts":{"build":"webpack
前端程序猿dzf·2021-01-22 17:44

Webpack5模块联邦源码探究

前言虽然webpack5已经发布了一段时间了，但一直都没有研究过，最近正好在做微前端相关的调研，恰好看到了webpack5的模块联邦与微前端的相关方案，便想着探究下模块联邦的相关源码。
we452366·2021-01-20 00:04

Webpack5模块联邦源码探究

前言虽然webpack5已经发布了一段时间了，但一直都没有研究过，最近正好在做微前端相关的调研，恰好看到了webpack5的模块联邦与微前端的相关方案，便想着探究下模块联邦的相关源码。
野林·2021-01-20 00:03

webpack初体验

webpack5需要有个配置文件我的是4配置如下：“webpack”:“^4.41.6”,“webpack-cli”:“^3.3.11”开启一个简单的项目创建一个项目目录创建子目录src创建子目录buildnpminit
2c不高兴·2021-01-12 21:39

参考官网菜鸟等、对webpack知识的记录、以及webpack5新特性理解

webpack打包完后只有一个入口函数如像图片打包完后会成base64的一种格式就是描述图片的很长的数据，安装webpack需要依赖node.js优点：是减少http请求，减少js文件之间的依赖，可以处理浏览器不认识的如lessscsses6（webpack只能认识一部分es6）constpath=require('path');constHtmlWebpackPlugin=require('ht
kenny_bb·2021-01-08 11:00

webpack5源码导读：如何实现自定义 target

而快应用打包工具是构建于webpack之上的一个模块代码打包系统，通过升级webpack5，使用webpack5的持久化缓存，有望给快应用转换工具带来巨大的性能提升。
快应用·2021-01-07 12:11

webpack5源码导读：如何实现自定义 target

而快应用打包工具是构建于webpack之上的一个模块代码打包系统，通过升级webpack5，使用webpack5的持久化缓存，有望给快应用转换工具带来巨大的性能提升。
快应用·2021-01-07 12:11

Webpack 从入门到精通-进阶篇

本章主要包含以下几部分内容：React/Vue脚手架的详细配置基于Webpack5自定义loader/plugin自己实现一个简易的Webpack5大家在学习本章之前可以先学习Webpack从入门到精通
A丰休·2020-12-29 20:37

Webpack 从入门到精通-基础篇

本章主要包含以下几部分内容：Webpack简介Webpack初体验Webpack开发环境的基本配置Webpack生产环境的基本配置Webpack优化配置Webpack配置详情Webpack5使用大家学完之后如果觉着意犹未尽可以继续学习
A丰休·2020-12-29 19:05

webpack 合并压缩_webpack5优化

目录一、构建优化(压缩代码)二、长期缓存(hash)三、持久缓存(增量构建)四、webpack5新特性五、总结一、构建优化(压缩代码)1、TreeShaking(1)usedExports:true标记出未被导出的变量
狂朋怪侣·2020-12-29 16:03

Webpack5构造React多页面应用

介绍react-multi-page-app是一个基于webpack5搭建的react多页面应用。
宋小菜_菜菜·2020-12-29 10:12

Webpack5 - 打包优化 Tree Shaking

一.TreeShaking是什么TreeShaking中文含义是摇树，在webpack中指的是打包时把无用的代码摇掉，以优化打包结果。二.如何开启webpack的TreeShakingwebpack在生产模式（mode:'production'）下，不会打包进未引用的代码（dead-code）。1.开启TreeShakingwebpack.config.js:module.exports={opt
xuanwuziyou·2020-12-27 20:49

webpack5优化

目录一、构建优化（压缩代码）二、长期缓存（hash）三、持久缓存（增量构建）四、webpack5新特性五、总结一、构建优化（压缩代码）1、TreeShaking（1）usedExports:true标记出未被导出的变量
lihaixing·2020-12-27 18:26

编译的速度与激情：从10mins到1s

恰逢Webpack5上线，不如来一次彻底的魔改～1.前言腾讯文档最近基于刚刚发布的Webpack5进行了一次编译的大重构，作为一个多个仓库共同构成的大型项
腾讯AlloyTeam·2020-12-22 17:12

webpack5初体验和性能优化配置介绍

webpack5使用1.安装依赖包创建一个文件夹npminit生成package.json文件夹然后安装依赖cnpmwebpackwebpack-clihtml-webpack-pluginwebpack-dev-servercross-env-D
前端程序猿dzf·2020-12-22 14:16

c++ 加载未文档函数_【第1912期】探索 webpack5 新特性Module federation在腾讯文档的应用...

正文从这开始～～webpack5的令人激动的新特性Modulefederation可能并不会让很多开
乌龙茶少冰·2020-12-22 08:32

Webpack5 搭建 React 多页面应用

介绍react-multi-page-app是一个基于webpack5搭建的react多页面应用。
欧西里斯的天秤·2020-12-21 11:49

Webpack5 搭建 React 多页面应用

介绍react-multi-page-app是一个基于webpack5搭建的react多页面应用。
欧西里斯的天秤·2020-12-21 10:11

mariadb不支持load data_基于React SSR实现的仿MOO音乐风格的音乐网站，支持PWA

github.commusic-motion111.229.9.30pika-musicapi服务器参考Binaryify的NeteaseCloudMusicApi更新说明[2020-10-28]项目支持webpack5
weixin_39531688·2020-12-19 16:20

app 上的模块_精读Webpack5 新特性 模块联邦

1引言先说结论：Webpack5模块联邦让Webpack达到了线上Runtime的效果，让代码直接在项目间利用CDN直接共享，不再需要本地安装Npm包、构建再发布了！
weixin_39591916·2020-12-19 14:09

webpack5升级指南（踩坑记录）

CssDependency报错：Notemplatefordependency:CssDependency问题关键：webpack开发模式不能使用MiniCssExtractPlugin.loader解题思路：MiniCssExtractPlugin.loader是用来提取css样式到css文件中并压缩，但是开发环境启动webpackdevServer引用的文件都不是打包在dist目录的，是打包到
风一样的六六哥·2020-12-16 19:54

webpack5升级指南（踩坑记录）

CssDependency报错：Notemplatefordependency:CssDependency问题关键：webpack开发模式不能使用MiniCssExtractPlugin.loader解题思路：MiniCssExtractPlugin.loader是用来提取css样式到css文件中并压缩，但是开发环境启动webpackdevServer引用的文件都不是打包在dist目录的，是打包到
风一样的六六哥·2020-12-16 18:22

升级webpack5，热更新失效问题

参考：webpack踩坑在练习自定义webpack配置，使用的是webpack5.x版本，然后发现热更新失效。搜索一番后，从上面的链接得到了解决方法：把package.json里的browserlist去掉。。。//package.json{//...-"browserslist":{-"production":[-">0.2%",-"notdead",-"notop_miniall"-],-"d
ever·2020-12-16 18:50

使用webpack5从0到1搭建一个react项目的实现步骤

前言在这之前，每开始一个新项目我都是使用现有的脚手架，这非常便于快速地启动一个新项目，而且通用的脚手架通常考虑地更加全面，也有利于项目的稳定开发；不过对于一个小项目，根据需求自己搭建可能会更好，一方面小项目不需要脚手架那么丰富的功能，另一方面可以提高对项目的掌控度以方便后期的扩展。这篇文章是在实践中总结的，具有实操性，读者可跟着一步步进行搭建，中间我会穿插一些原理，当然因为笔者的能力有限，不会特别
·2020-12-16 12:06

ES6模块与CommonJS模块的差异

两者的区别其实可以看webpack的实现，具体解析写在代码注释里面（这里参考的是webpack5的实现）function__webpack_require__(moduleId){//缓存模块，确保模块函数只执
勤奋的大鱼·2020-12-08 17:19

webpack4升5

yarnaddwebpack@next-D一、改进持久化缓存更好的算法和默认值改进长期缓存更好的treeshaking特点webpack5会移除所有废弃的特性。
lihaixing·2020-11-28 22:50

webpack从零开始配置大全

由于webpack5刚刚发布，相关生态还不成熟，这里以webpack4的版本为例，为了避免插件版本的兼容问题，以下安装个别npm依赖时我会指定版本号。
醉逍遥·2020-11-26 13:02

蒲公英 · JELLY技术周刊 Vol.26: 请问您这个月要来点肝么？

蒲公英·JELLY技术周刊Vol.26今年的十月，不知道大家在TODOList上新增了多少条目准备尝鲜，你可能已经准备了Vue3、Webpack5以及Reactv17.0RC，然而十月中可却远不止这些东西值得一试
凹凸实验室·2020-11-24 15:32

ZooTeam 前端周刊｜第 104 期

ZooTeam前端周刊｜第104期浏览更多往期小报，请访问：https://weekly.zoo.team阔别两年，webpack5正式发布了！
政采云前端团队·2020-11-18 17:40

探索 webpack5 新特性 Module federation 引发的javascript共享模块变革

webpack5新特性Modulefederation引言什么是Modulefederation“模块联邦”Modulefederation“模块联邦”功能与目的共享模块概述UMD模块化规范方式共享模块
行走天666·2020-11-17 21:56

webpack3.x升级到webpack4.x

虽然说webpack5都已经出了，但是，可能有一部分人还在用webpack3，因此这篇文章主要是基于vue-cli中到项目配置，从webpack3升级到4.x。
古兮!怪哉·2020-11-15 10:01
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他