"webpack": "^5.46.0", "webpack-cli": "^4.7.2", 下载webpack的插件 npm i -D webpack webpack-cli 命令行 npx webpack npx webpack --mode development(不写配置情况下) npx w ...
转载
2021-08-02 13:31:00
100阅读
2评论
webpack介绍，webpack中的常用术语chunk，五个核心模块，打包html,开发服务器devserver，打包css，打包sass及less，抽离css文件，css3兼容处理(编译成各个浏览器支持的---前缀--)，压缩css， css去掉无用的代吗，webpack打包资源，背景图打包，e... ...
转载
2021-09-01 13:35:00
166阅读
2评论
概述webpack5.x 发布至今已经将近两个月了, v5 版本内置了一些常用的插件, 较 v4 版本有很大的变化. 本文基于 webpack5.x 以及 vue2.x, 从零搭建一个基础模板:项目地址: github.com/ddzy/vue2-w…也可以通过脚手架工具, 快捷安装:脚手架地址: github.com/ddzy/vue2-w…目录项目主依赖项目结构集成本地开发环境集成模块热替换集
转载
2021-02-01 10:21:20
2057阅读
2评论
搭建视频：https://zhuanlan.zhihu.com/p/406514947 ...
转载
2021-09-27 15:00:00
196阅读
2评论
一.什么是webpack
关于webpack的介绍,下面的中文网站做了详细的介绍,请大家参考学习;webpack中文网
原创
2021-07-12 15:48:52
129阅读
一. 你需要准备什么
webpack v4.41.5
Node 12.14.0 LTS
关于webpack的介绍,大家可以移步webpack4.x - 初始webpack
二.前提条件
在开始之前，请确保安装了 Node.js 的最新版本。使用 Node.js 最新的长期支持版本(LTS - Long Term Support)，是理想的起步。使用旧版本，你可能遇到各种问题，因为它们可
原创
2021-07-12 15:48:11
1415阅读
webpack 5
webpack 5 requires at least Node.js 10.13.0 (LTS)
webpack 5webpack 5 requires at least Node.js 10.13.0 (LTS).In general, the v5 release focuses on a few key components:improving build
转载
2020-08-31 10:53:00
102阅读
新建一个项目，然后项目启动的时候webpack报错。错误如下：cannot find module 'webpack/bin/config-yargs' 我本地的webpack的版本号 5 网上搜了很多方法，几乎都是卸载掉所有的 webpack webpack-cli webpack-dev-ser ...
转载
2021-10-28 17:35:00
1824阅读
2评论
# webpack5 此版本重点关注以下内容： - 通过持久缓存提高性能 - 使用更好的算法和默认值来改善长期缓存 - 通过更好的树摇和代码生成来改善捆绑包大小 - 清除处于怪异状态的内部结构，同时在v4中实现功能而不引入任何重大更改 - 通过引入重大更改来为将来的功能做准备，以使我们能够尽可能长时
原创
2021-07-13 16:13:29
269阅读
css文件处理-准备工作 (以下项目配置都是基于上一篇webpack(4)的基础上) 在项目开发中，我们必然需要添加很多的样式，而样式我们往往写到一个单独的文件中。 这里我们就在src目录中创建一个normal.css文件，代码如下： body{ background-color: aqua; }
原创
2021-07-13 11:08:12
1032阅读
一.问题描述
在webpack4.x - 创建项目,打包第一个js文件这篇文章中,我们成功利用webpack实现了项目中js文件的打包操作,但是细心的同学可能发现了我们每一次修改相关代码,都要通过npm run build命令重新打包我们的bundle.js文件,这样我们才能看到效果,因此webpack-dev-server应运而生;
二.配置webpack-dev-server
2.1 修改
原创
2021-07-12 15:47:07
874阅读
webpack 5 模块联合
micro-frontends
module federation
转载
2020-10-28 16:40:00
204阅读
2评论
在微前端架构里，每个子应用独立开发、独立部署，却又要共享组件、避免重复打包。Webpack 5 的 Module Federation 把这一诉求变成了“一行配置 + 一次 HTTP 请求”就能完成的事。
Webpack简介随着前端发展如日冲天，前端项目也越来越复杂，得益于Nodejs的发展，。根据官
原创
2022-09-07 10:18:03
119阅读
上篇说到了happypack可以让webpack分成多个子进程去打包代码，然后再将结果返回给主进程，其实压缩代码的时候也可以使用多进程，这样也可以提高构建速度，而webpack-parallel-uglify-plugin就做到了这一点const path=require('path');const HtmlWebpackPlugin=require('html-webpack-plugi...
原创
2021-09-03 13:36:36
162阅读
近日项目要升级到webpack2.2,原来使用的webpack版本是1.12，在升级项目的同时，翻译一下官方的升级文档，去掉了一些不常用的配置. resolve.root, resolve.fallback,resolve.modulesDirectories, ，这三个选项现在全部合并到resolve.modules一个选项中。关于resolving,查看更多&nb
原创
2017-05-08 14:48:32
439阅读
1. webpack编译流程 初始化参数：从配置文件和Shell语句中读取与合并参数，得出最终的参数； 开始编译：用上一步得到的参数初始化Compiler对象，加载所有配置的插件，执行对象的run方法开始执行编译； 确定入口：根据配置中的entry找出所有的入口文件 编译模块：从入口文件出发，调用所
转载
2020-04-23 14:04:00
552阅读
2评论
为提升老vue2项目的webpack编译速度，node_modules/webpack/node_modules/schema-utils/dist/v
原创
2022-07-11 10:52:21
889阅读
以下内容均以webpack配置中的output.library.type: 'umd'为基础 使用webpack将文件打包为library后，打包好的文件被script标签引用时，library的名字会被放在全局变量中等待使用，至于库名下的内容，则与webpack配置中的output.library.export属性值相关。
转载
2021-10-28 23:15:00
194阅读
本文旨在通过从0到1搭建一套完整的React开发框架来掌握如`Webpack`、`React`、`Typescript`、` CSS preprocessor`等各部分是如何协同进行编译开发的。
原创
2022-06-06 01:05:08
2799阅读
