摘要：前面文章中 体验了webpack的打包 、解析css资源 ，接下来看看项目中常用到的图片、字体、文件该怎么处理吧~ 项目路径如下，在上一篇 解析css资源 项目基础上增加了一些文件 demo ├─ src │ ├─ css │ │ ├─ index.css │ │ └─ file.css （+） │ 阅读全文

摘要：这篇 webpack处理css资源 文章中使用到的工具 browserslist 对于兼容性处理来说非常重要！这一篇来仔细说说。 查询兼容性 不同浏览器对于 css / js 的属性可能存在兼容性，具体可以通过 can i use 这个网站查询。 比如 css 中的 user-select 属性，用 阅读全文

摘要：在这篇 webpack处理css资源 文章中使用几个常用的loader 来编译 css 代码。 但其实 loader 的配置方式不止一种，一起来看看其它方式~ 在 webpack.config.js 中，通过 module.exports 将配置导出，使用 css-loader 来处理以 .css 阅读全文

摘要：上一篇文章 体验了webpack的打包过程，其中js文件不需要我们手动配置就可以成功解析，可其它类型的文件，比如css、less呢？ css-loader 首先，创建一个空文件夹，通过 npm init -y 初始化项目，项目结构如下 demo ├─ src │ ├─ css │ │ └─ inde 阅读全文

摘要：webpack是一个前端工程化非常重要静态模块化打包工具，可以帮我们把 less、sass、esmodule、commonjs 等模块依赖处理成浏览器可识别的静态资源。 虽然webpack非常好用，但它可配置项和语法非常的多，还是比较难理解和掌握的，让我们从最基础的开始，一步步体验吧~ 不使用web 阅读全文