关于入门Webpack的文章理解

本文介绍如何从零开始搭建React项目的脚手架,并使用webpack进行配置。文中提到官方React脚手架不易修改,因此重点讲解了如何利用webpack自行构建项目的基础结构。同时讨论了在使用webpack4过程中遇到的一些问题及解决思路。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

官方给出的react脚手架是不容易进行修改的

而在我们开展一个项目中 需要做的是自己搭建所有需要的组件

因此需要掌握搭建脚手架的工具webpack 的过程

而目前最为完整的文档是简书上面的这篇文章

然而webpack 以及相关的插件是处于不断发展的状态的。

如果按照文章一步一步的做 肯定会有卡在某处过不去。

因为webpack的插件以及相关版本的兼容性造成的不同步。

目前我就遇到了webpack4 版本UglifyJsPlugin:压缩JS代码;

ExtractTextPlugin:分离CSS和JS文件,这两个插件装不上去的问题

UglifyJsPlugin是因为webpack4 已经不再用这个方案了。

ExtractTextPlugin是因为没有支持webpack4 的新版本

而webpack4 刚出来没多久,相关的文档都不齐全,找个解决方案都要花费大量

的时间,所以我建议不要太过于纠结这个能不能适配的很好的问题。

阅读这篇文章的时候,只要能够理解webpack 每个配置字段代表什么意思就可以了

至于运行文档, 可以直接跑文章作者提供的github,这个是基于webpack3 的,

运行起来就可以了,不要太过于纠结这件事情上。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值