- 博客(5)
- 收藏
- 关注
RSS订阅原创 webpack基础（五）js资源处理
可组装的JS和JSX检查工具这句话的意思是，它是用来检测js和jsx语法的工具，可以配置各项功能。ESlint被facebook收购了，而react是facebook维护的，因此eslint原生支持react，要支持vue的模板语法需要额外的插件。js编译器，主要是将ES6语法编写的代码转为向后兼容的js代码，以便能够运行在当前和旧版的浏览器或其他环境中配置文件中的babel不需要创建文件，在原有文件基础上写babel会查找和自动读取他们，所以以上配置文件只需要存在一个即可具体配置。
2025-01-20 13:55:07
1798
原创 webpack基础（四）处理资源文件
在一个项目存在各种资源文件，比如图片、text、视频、字体图标等等。与处理js和样式不同是是，这些资源文件通常是不需要更改内容的，需要做的只是，让这些文件在打包后可以被正常访问。
2025-01-17 13:58:54
1481
原创 webpack基础（三）处理样式资源
如何用webpack处理css、less、scss、sass、style等样式资源？webpack本身是不能识别样式资源的，所以需要使用来帮助webpack解析样式资源。
2025-01-16 14:09:25
1433
原创 webpack基础（二）基本配置
此前我们用命令的方式使用了webpack的基本功能。但是在默认配置下只能打包js，无法打包像css、图片等其他的资源文件。起初webapck就是为了打包js而出现，它的作用也就是打包js。但随着需求越来越复杂，人们希望它能打包图片、打包css、打包…。这么多功能需求全加上肯定是不现实的，而且并不是所有人都需要这些功能因此，webpack依然只有最基本的打包js的功能。其他更复杂的需求需要通过配置，引入loader和插件来实现。
2025-01-15 13:46:46
430
原创 webpack基础（一）简单使用
因为等下我们需要下载webpack这个包，如果name属性值是webpack，这样会导致webpack这个包无法下载。npx是 Node.js 8.2 及以上版本自带的一个命令行工具，它的主要作用是执行npm包中的可执行文件。可以非常直观的看到，代码的体积小了特别多，因为生产模式下去除了调试相关的数据，而且对代码进行了压缩。执行完毕后，会默认生成一个dist目录，里面就是打包后的main.js文件。打包成功后，依然默认是生成了一个dist文件夹，里面是打包后的js文件。
2025-01-14 13:46:46
349
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人