时间戳

首页 > 解决方案 > 如何在 Dart Web 应用的缩小 CSS 中包含打包的 CSS 资源

sass - 如何在 Dart Web 应用的缩小 CSS 中包含打包的 CSS 资源

问题描述

我正在尝试使用仅包含一个资源的 Dart 包：缩小的 CSS 资产：https ://github.com/agilord/bulma_min 。

文档只是说我应该把这个包放在我的 pubspec.yaml 中，一切都会正常工作......但没有任何工作。

我想我需要让 web_compilers 构建依赖项来缩小我自己的 CSS 以及这个包中的 CSS，但是我还没有在任何地方找到解释如何做到这一点的文档。

我试过使用 saas_builder 但它似乎不适用于 Dart 2.1...我已经创建了一个问题但到目前为止没有人打扰回复。

谁能告诉我发生了什么以及我如何才能让它工作？

标签： sassdart

解决方案

挣扎了一会儿，我找到了一个使用dart_bulma_sass的示例项目：https ://github.com/indiealexh/dart_bulma_sass_example 。

尽管它当前使用的是旧版本，但不能与 Dart 2.1 一起使用，但升级依赖项可以让它工作！

基本上，我的 pubspec.yaml 文件只需要这些开发部门：

dev_dependencies:
build_runner: ^1.1.2
bulma_sass: '>=0.7.1'
sass_builder: ^2.1.2
build_web_compilers: ^1.0.0

之后，将此添加到web/main.scss：

@import "package:bulma_sass/scss/bulma";

并链接到web/index.html文件中生成的css：

<link rel="stylesheet" href="main.css">

推荐阅读