前端资讯 | webpack 4 beta 尝鲜，Progressive Web Apps简介

Posted 2021-04-29 创宇前端

前端

在 Chrome 65+ 使用 CSS Paint API

我们可以使用 CSS Paint API ，用编程方式生成图像应用到 CSS 属性上。像background-image或者border-image之类的属性通常和url（）一起使用来加载一个图片文件，或者像线性梯度（）这样的CSS内置函数。 现在，您可以使用paint 来引用绘图工作区，而不是使用这些绘图工作区。

移动端：长按二维码识别  |  PC端：t.cn/R8bVZ5I

Parcel v1.5.0 发布

Parcel v1.5.0 是发布以来的重量级更新，其引入了 javascript Source Map，WebAssembly 支持，Rust 与 WebAssembly 转换的支持，配置文件缓存失效，.env 文件等特性，并且进一步优化了小型项目的编译效率。

移动端：长按二维码识别  |  PC端：t.cn/R8UOwDu

CSS Gridish

CSS Gridish 能够基于产品的网格设计，自动生成多个资源文件：包含画板与网格布局设计的 Sketch 文件，包含了 Flexbox 兼容的 CSS/SCSS CSS Grid 代码，能够用于监测网页布局的 Chrome 插件。需要注意的是，该工具并不致力于辅助构建网格，而是帮你自动化地生成产品开发全流程中需要的资源文件。

移动端：长按二维码识别  |  PC端：t.cn/R8cDiUo

Progressive Web Apps简介

移动端：长按二维码识别  |  PC端：t.cn/R8ccNy7

webpack 4 beta 尝鲜

Webpack 4 为我们带来了如下特性：多场景下更好的性能提升，开箱即用，提供更多默认配置，升级至 UglifyJS2，提供更多的类型支持，移除 CommonsChunkPlugin，将其替换为默认优化配置。

移动端：长按二维码识别  |  PC端：t.cn/R8PmV1j

长按指纹

一键关注