webpack5

webpack5联邦模块

什么是联邦模块联邦模块说白了就是可以使一个应用动态使用另一个应用的模块。比如，线上部署app1，app2。app1可以加载app2中一些模块。其本质为一个wepackapp在运行时加载另一个webpackapp的模块。image.png没有联邦模块前我们的解决方式:npm包。（适用于比较通用的组件库，函数库）monorepo项目管理（适用于关联性较强的项目组为monorepo）script动态标签
前端大魔王·2021-07-23 15:18

webpack5 基本配置

这篇文件主要介绍以下基本配置：拆分不同环境的配置文件：webpack-merge自动生成模板文件:html-webpack-plugin自动删除以前的打包文件：clean-webpack-plugin定义全局变量：使用cross-env设置命令行参数，并在配置文件中获取process.env.xxx，这个只能在脚本配置文件中获取使用webpack.DefinePlugin设置模块中可以使用的全局变
miao8862·2021-06-29 17:03

Webpack 5 中的新特性

在本文中，我将分享Webpack5的一些新特性，以及在日常工作中继续使用它时应该注意的事项。该版本新增了大量的新功能，这里简单介绍其中被WebpackCoreTeam提到的核心功能。
虚蕪面孔·2021-06-24 18:37

Webpack5正式发布,有哪些新特性

而Webpack上一个大版本更新已经是18年的时候了，两年时间过去了让我们看看Webpack5都带来了哪些新特性，对我们的应用又有哪些帮助。
·2021-06-22 11:22

Webpack 5 release版 官方文档全文翻译

Webpack5发行版(2020-10-10)webpack4在2018年二月份发行。在那以后我们封装了一些列特性，但是并没有引入破坏性的变化。
广兰路地铁·2021-06-22 06:30

webpack5 启动流程部分源码分析

在我们执行npmrunbuild命令来对我们的项目进行打包时，实际上是执行package.json文件中的build命令，如："build":"webpack--config./config/webpack.common.js--envproduction",该命令实际上等于下面这条命令：npxwebpack-------实际上执行的是我们node_modules/.bin文件下的webpack.
再见地平线_e930·2021-06-18 10:11

Webpack 5 新特性尝鲜

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

webpack5下使用webpack-dev-server不能正常启动

报错：Error:Cannotfindmodule'webpack-cli/bin/config-yargs'这是我的webpack版本信息image.png更改一下配置信息"scripts":{"dev":"webpackserve--modedevelopment"},详细信息点击这里
是曹不是蔡·2021-06-13 01:15

webpack5模块联邦源码探究

前端|Webpack5模块联邦源码探究.png前言虽然webpack5已经发布了一段时间了，但一直都没有研究过，最近正好在做微前端相关的调研，恰好看到了webpack5的模块联邦与微前端的相关方案，便想着探究下模块联邦的相关源码
维李设论·2021-06-12 02:45

使用Webpack5创建Vue3+TS项目

准备工作Webpack5的新特性持久化缓存moduleIds&chunkIds的优化更智能的treeshakingModuleFederationVue3的新特性更小更快加强TypeScript支持加强
武童乐·2021-05-27 18:09

webpack5不要再用url-loader了

webpack5新增AssetModules资源模块。资源模块(assetmodule)是一种模块类型，它允许使用资源文件（字体，图标等）而无需配置额外loader。
前端精髓·2021-05-22 22:27

老vue项目webpack3升级到webpack5全过程记录

老vue项目webpack3升級到webpack5整个过程纪录(一)情况19年新创建的vue项目，应用的是webpack3，伴随着新项目的累积，部件的增加造成当地搭建，网上装包等操作速度超慢，十分危害开发设计高效率和布署高效率
你的北音·2021-05-21 05:31

Webpack5和旧版本

webpack5的新特性相比于webpack4一、构建速度优化在webpack4中，为了让我们的构建速度更快，我们通常需要借助一些插件或一些额外的配置来达到目的。
小代码2012·2021-05-20 20:49

使用 Webpack5 创建 Vue3 + TS 项目

作者：suporkahttps://segmentfault.com/q/10100000244593391.前言笔者两年前曾写过一篇文章《Webpack4搭建Vue项目》，后来随着webpack5和vue3
前端达人·2021-05-16 10:00

Vue.js 学习笔记十一：Webpack之webpack 基本使用

目录webpack基本使用webpack基本使用运行webpack5的Node.js最低版本是10.13.0(LTS)。Window版本只能通过卸载重装进行升级。
stary1993·2021-05-12 09:31

Webpack5 搭建 Vue3 + TS 项目

作者：Corwien来源：SegmentFault思否社区1.前言笔者两年前曾写过一篇文章《Webpack4搭建Vue项目》，后来随着webpack5和vue3的面世，一直想升级下我这个createVue
前端开发博客·2021-05-05 23:13

Error: Cannot find module 'webpack-cli/bin/config-yargs'

但是，当你升级webpack4---->webpack5时，如果你的版本是webpack-cli4*时，就会报错Error:Cannotfindmodule'webpack-cli/bin/config-yargs
LXEP·2021-04-28 18:33

webpack 5 模块联邦实现微前端疑难问题解决

webpack5模块联邦实现微前端疑难问题解决说明webpack5新增ModuleFederation（模块联邦）功能，他可以帮助将多个独立的构建组成一个应用程序，不同的构建可以独立的开发与部署。
mjzhang1993·2021-04-19 18:33

【Vue源码】图解 diff算法 与 虚拟DOM-snabbdom-最小量更新原理解析-手写源码-updateChildren

diff变成真正的DOM1.介绍1.1diff算法1.2虚拟DOM1.3关系——diff是发生在虚拟DOM上的2.snabbdom简介及准备工作2.1简介2.2搭建初始环境1.安装snabbdom2.安装webpack5
YK菌·2021-04-15 18:08

webpack5提取css文件

一、问题webpack5extract-text-webpack-plugin使用报错二、解决办法mini-css-extract-plugin安装npmimini-css-extract-plugin-D//引入路径constpath=require('path');//打包htmlconstHtmlWebpackPlugin=require('html-webpack-plugin');//提
Geek码农·2021-04-13 11:56

webpack5 基础配置 11 性能优化 预加载预请求，cdn shimming

动态导入的懒加载像很多vue,react路由懒加载就是这样的，通过()=>import(’./xxx’)实现路由一个懒加载实现一个组件懒加载打包后的文件在这可以看到一开始是没有加载我们的element.js文件的，当我们点击后可以看到已经生成了一个文件。打印出来是一个对象，导出的元素就在这个default里面。这就是懒加载的应用。懒加载优化上面那个例子点击按钮后大概是发生了两个步骤。第一个是下载e
lin_fightin·2021-04-07 23:58

Webpack知识整理——资源加载器

Webpack知识整理-资源加载器前端模块化概述模块化打包工具WebPack快速上手webpack配置文件设置打包的入口和出口三种打包模式资源模块加载样式资源加载文件资源加载器(webpack5使用assetmodule
Holyforsaken_FHC·2021-04-07 16:55

webpack5以上抽离配置文件（生产开发分明）

文章目录1.为什么要分离配置文件2.实施3.总结1.为什么要分离配置文件在我们开发过程中，经常在webpack.config.js文件中配置很多东西，不管是开发环境下，还是生产环境下。但是当我们在生产环境下打包时，其实很多我们开发环境下的配置时用不到的。那么当我们把所有的配置写在一个文件中时，那是不太稳妥的。因此我们需要抽离配置文件。2.实施我们需要安装webpack-merge插件npminst
小牲口online·2021-04-05 15:14

webpack5 基础配置（2） postcss使用 file-loader

第一小节讲了browserslist的作用,接下里讲Postcss这个插件有什么用呢？1可以通过js来转换css样式如适配，加前缀，css的重置等等2postcss本身功能很少，需要借助其他插件。如何使用呢？1查找postcss工具的扩展，比如webpack的postcss-loader，2安装对应功能的postcss插件。先来看基本使用原生postcss插件需要借助postcss-cli使我们能
lin_fightin·2021-03-22 23:19

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
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他