问题标签 [gulp-autoprefixer]

我无法让 autoprefixer 与 gulp sass 一起使用。这是我的 gulpfile.js：

我遵循了相关问题中的解决方案，但无法完成。这是链接：链接

我试图让我的 gulp 与 Autoprefixer、sass 和浏览器同步正常工作，但我有一些问题。

我像这样设置 Gulpfile.js：

我从一个网站得到这个。我只将 .scss 更改为 .sass

我想要的整个想法是有一个名为“scr”的地图，我将我的 .sass 文件放在其中，并且应该编译到 /assets/css 文件夹，该文件夹应该成为一个 .css 文件。

我将所有内容都安装在我的主目录中，其中存储了我的 index.html、gulpfile.js 和 package.json。

但是现在我在 src/css/main.sass 中工作，保存后什么都不会发生。所以我猜它没有看到任何变化并且不会编译？是的，我已经在我的 index.html 中链接了 main.css

我希望你能帮助我，也许可以解释出了什么问题，这样也许有一天我会明白这一点。

我正在努力让我的 SASS 源图正常工作。问题似乎是源映射中的“源”属性以及我的 SASS 文件是如何嵌套的。

我有一个将 SASS 编译为 CSS 的 Gulp 任务。这是一个例子

以上适用于其他一切——将映射写入磁盘、添加前缀等。我正在使用最新的 nodejs、gulpjs 和相关的 npm 包。

我的 Stylesheets 文件夹中的文件夹/资产结构示例：

对于 SCSS/ 根目录中的 SASS 文件，源映射可以正常工作。Chrome 将显示源样式的位置。

对于 SCSS/ 子文件夹中的 SASS 文件，源映射不起作用。问题是“来源”：属性中列出了错误的文件。

例如 print.scss 映射将正确地具有"sources":["print.scss"]. 但是 sectionA/style.scss 地图将有"sources":["style.css"]而不是"sources":["partial/_partialA.scss", "partial/_partialB.scss"]我所期望的。

我已经确认将 /SCSS/sectionA/style.scss 移动到 /SCSS/style.scss 并修改任何导入路径确实可以解决问题。但我需要它嵌套，而不是在 /SCSS 的根目录中。

如果我可以提供更多详细信息，请告诉我。我尝试过从Path to source map 的答案是错误的，它不能解决我的问题。我也尝试过操纵mapSources无济于事。

其他线程（例如此 GitHub 问题）向我表明，我的问题可能是我在 gulpfile 中使用的另一个工具可能会再次运行 autoprefixer 本身并剥离-webkit-flex，但我不确定从哪里开始这个想法。

我将在下面发布我的整个 gulpfile，但它基本上是在BourbonSage中找到的那个非常稍微定制的版本，它是Sage的一个分支。

可能是我问过的最愚蠢的问题，但我发现文档和有限的示例非常模糊。

我想支持尽可能多的浏览器，包括 IE7+ 例如

从逻辑上讲，我假设上面的“浏览器”选项的存在是为了准确定义应该支持哪些浏览器或浏览器范围。换句话说，上述内容可以翻译为：

“支持每个浏览器的最后 5 个版本，并确保支持所有版本的 IE（从 7 个以上）。”

另一种说法：

“不要删除这些浏览器所需的任何样式”

请问我browsers是否正确理解了该选项？

我对 Gulp 很陌生，以前从未使用过任何插件，所以我有点迷茫。

我遵循了一些教程，并且几乎设法让 Gulp 运行和自动前缀插件。我现在只是想弄清楚是否有办法为所有浏览器的所有版本获取它的前缀？

在此浏览器列表中，我可以选择所有主要浏览器的最后 2 个版本或一系列版本，但我想选择所有浏览器的所有版本（主要和其他）。我特别想添加对默认三星浏览器的支持，因为目前我遇到了一些浏览器兼容性问题，我希望一些前缀可以成为解决方案。

这是我到目前为止的代码：

谢谢

我只是无法让 gulp-autoprefixer 工作。我正在使用转换对其进行测试，但是当我保存我的 scss 文件时，前缀不会显示在我的 css 文件中。其他一切似乎都很好。

这是我的 gulp 文件：

谢谢大家的帮助！！

更新

你好呀

我正在做一个我正在使用Gulp的项目。在我使用Autoprefixer Plugin 和Watch Command 之前一切正常。现在当我在终端运行gulp时。我的 Windows 10 关闭，没有任何错误 消息。

gulpfile.js 代码

Package.json 代码

请问有什么帮助吗？

提前致谢

我最近才收到这些错误，我的 Gulp 说我需要将我的 gulp-autoprefixer 更改为 postcss。

但是由于我只使用 Quench 生成器获得了这个 gulpfile，所以我不知道如何更改它，所以什么 autoprefixer 将再次起作用。谁能详细告诉我如何改变这个？

我的 gulpfile 是：

我的 package.json：

我对 autoprefixer 很陌生，我只是喜欢文档，但是当我在终端中键入“gulp 样式”时，它没有在目标文件夹中创建任何文件

这是我的 gulpfile.js 代码

这是我的CSS代码