使用 style-loader，css-loader 打包 css 文件
首先在src目录下创建一个 index.css 文件，内容如下：
.this_style {
color: red;
}
2024年08月25日
使用 style-loader，css-loader 打包 css 文件
首先在src目录下创建一个 index.css 文件，内容如下：
.this_style {
color: red;
}
2024年08月25日
在webpack中，mode改成"production"后默认只能压缩html和js，因此我们需要引入插件optimize-css-assets-webpack-plugin主动压缩css。
2024年08月25日
默认webpack无法处理css文件中的url地址 在打包时会报错无论是图片还是字体库 只要是url地址 都无法处理
在项目根目录下输入cnpm i url-loader file-loader -D安装url-loader和file-loader(url-loader内部依赖于file-loader)
2024年08月25日
微前端已经成为前端领域如今比较火爆的话题，关于微前端价值的讨论，可以参考克军的《拥抱云时代的前端开发框架——微前端》。微前端在技术方面，有一个始终绕不过去话题就是前端沙箱。本篇具体探讨一下，在微前端领域如何实现前端沙箱。
2024年08月25日
2024年08月25日
一千个观众就有一千个哈姆雷特。你在网络上可以找到上百万个有关如何配置 Webpack 的教程，所以，你可能已经看到了一千种不同的配置方法。Webpack 本身在快速演化，除此之外，还有很多加载器和插件紧随其后。这就是为什么这些配置文件会各有不同：组合使用同一组工具的不同版本可能会奏效，也可能不能如愿。
2024年08月25日
对于现代化的Web开发项目来说，CSS提供了一个大胆的想法和尝试。纵观前端发展历程，CSS 主要有如下几种组织方案：
1、CSS与JS 完全解耦，运用预处理器或编码规范（如OOCSS、SMACSS、BEM、ITCSS、Atomic CSS）来保持其可维护性。
2024年08月25日
Loaders
webpack默认只能处理js文件，其他文件都需要交给相应的loader来处理。webpack 可以使用 loader 来预处理文件。这允许你打包除 JavaScript 之外的任何静态资源。
2024年08月25日
【前端】style-loader与MiniCssExtractPlugin.loader：深度解析与实战应用
**前言**
在现代Web前端开发中，CSS模块化和自动化处理已成为提升开发效率、保证代码质量的重要手段。**style-loader**与**MiniCssExtractPlugin.loader**作为webpack中的两大CSS加载器，各自承担着不同的角色，助力开发者实现CSS的按需加载与优化。本文将深入剖析这两款加载器的工作原理、应用场景及配置方法，并通过实战代码演示如何在项目中灵活运用它们。阅读本文，您将收获：
2024年08月25日
在前端开发中，除了熟练使用框架，我们还要使用一样技术就是webpack，webpack相信很多小伙伴都多少有些了解，但是很多人可能对webpack不是特别熟练，只是知道基本的loader配置，甚至自己配置了loader都不知道这个loader的作用。我也曾经遇到过这样的问题，但是各种百度和google都没能找到特别全的loader介绍，所以我花一些时间整理了所有的loader终于解决了自己的痛点，今天我也把它分享给大家希望能够帮助一些前端开发的小伙伴。