问题标签 [prepros]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
107 浏览

css - 由于评论,SASS 无效的 CSS

我目前正在处理 SASS 编译器的问题。我已经开始使用 CSS 为 Wordpress 网站创建基本布局,但编译器 Prepros 不允许我编译文件。我担心它可能与 style.css 文件开头的注释块有关。如果您知道问题可能是什么,那就太好了。

风格.sass

我从 Prepros 得到的错误日志:

如果你能给我一个关于如何解决这个问题的想法,那就太好了。感谢您的时间。:)

0 投票
0 回答
139 浏览

prepros - 我可以更改 Prepros 实时预览的服务器根目录吗?

我正在使用 pug 使用 Prepros 构建一个站点,并且具有类似于以下的目录结构:

我想在我的最终版本中使用绝对链接。例如<img src="/images/logo.png">

但是,实时预览设置为比我的 /dist 目录高一级的根目录,因此绝对链接被破坏。我希望我的实时预览默认为这个视图:

默认实时预览的屏幕截图。

有没有办法让 Prepros 实时预览假设我的 /dist 文件夹是 webroot 而不是 /my-project?

0 投票
2 回答
626 浏览

css - Prepros 是否应该在 Github.io 页面上将我的 SASS 编译为 CSS?如果是这样,是什么导致我的 SASS 样式在 Github.io 页面上不起作用?

我的项目的样式就像我希望它在本地一样。将其推送到 GitHub 并且所有文件似乎都存在后,我将其发布到 GitHub.io 页面,但我的样式都不存在。

我是否从根本上误解了 Prepros 的目的和用途,还是我犯了其他错误?您需要哪些信息来确定问题所在?

我的 prepros-6.config 文件

0 投票
1 回答
715 浏览

sass - Prepros 无法处理在 Ubuntu 14.04 上找不到的 Sass 文件版本“GLIBCXX_3.4.20”

为了学习和使用 Sass,我在Ubuntu 14.04 LTS上安装了Prepros 。但是每次我尝试处理 scss 文件(sass 文件)时,我都会收到此错误通知

我检查了使用stings /usr/lib/x86_64-linux-gnu/libstdc++.so.6 | grep GLIBCXX并确认确实似乎 GLIBCXX 版本仅在 3.4.19 之前可用。有没有办法在 Ubuntu 14.04 LTS 上安装版本 3.4.20(及更高版本)?或解决方法或使用 Prepros?还是一般使用SASS?

请记住,我已经安装了很多版本特定的软件,我非常不愿意升级。任何帮助将不胜感激

0 投票
0 回答
467 浏览

sass - 使用 Prepros 在 Chrome DevTools 中实时编辑 SCSS 文件

我刚开始使用 Prepros 来编译我的 SCSS 文件,我似乎无法弄清楚如何在 Chrome 开发者工具中启用对这些文件的实时编辑。

我不太确定现在是如何支持它的,但我发现了一些例子展示了这一点(例如这个视频),我知道它曾经是早期版本的 Chrome 中的一个实验性功能。

在 Prepros 中,我启用了Source Map,并且该映射正确显示在我的文件系统中。

Chrome 也正确显示了所有 SCSS 文件,但我无法保存对文件系统的任何更改(基本上,每当我更改某些内容时,它只会在编译后的 main.css 文件中更改)。

正如您在此处看到的,SCSS 文件旁边没有绿点: 开发工具

...当我尝试在 Sources 面板中编辑和保存它们时,会显示: 未保存到文件系统的更改

这是我的 Prepros 项目结构(所有内容都编译到 main.css 文件中): 预科

有什么方法可以设置它,以便我可以在 DevTools 中编辑任何内容并将其保存到文件系统中?我想尽可能避免将代码复制到我的文本编辑器中。

0 投票
1 回答
94 浏览

html - 试图让 {% include header.html %} 提示起作用

尝试学习 html 并尝试执行包含 header.html,从包含 header.html 文件的 _includes 文件夹中提取信息,但它没有显示在本地服务器上。使用 prepros 作为我的服务器。

这是我得到的结果 --- --- {% include header.html %}

0 投票
1 回答
161 浏览

css - Prepros 预处理器不编译 mixins

我第一次使用 Prepros 预处理器,我的 less 文件中有以下 mixin。

我像这样在我的less文件中调用它

当我用 Koala 编译它时它总是可以正常工作,但是当我使用 Prepros 尝试它时,我得到了这个错误

没有找到“.mq_max(1366px)”的匹配目标

任何线索我在这里做错了什么?

0 投票
1 回答
85 浏览

json - 如何使用 Prepros 缩小 JSON?

我一直在努力弄清楚如何使用 Prepros 在保存时自动缩小我的 json。Prepros 将对我所有的 JS 和 CSS 做同样的事情,但它似乎没有内置的处理 JSON 的功能。

0 投票
1 回答
126 浏览

html - 使用 Prepros 引导本地

刚开始编码。所以我需要手动将 PSD 转换为 HTML 和 SCSS。我们还需要使用 Prepros 进行缩小。我添加了文件模板,选择了样式表 bootstrap.css(以 bootstrap.min.css 作为输出)。现在还有一个名为 css/all.min.css 的样式表,我不知道要输入 Prepros 的原始文件是什么。另外,我还需要做些什么来让它工作吗?

提前致谢。

0 投票
2 回答
1242 浏览

sass - Sass @use 不能将单独的 mixin 文件处理成 master mixin 文件(ERR:未定义的 Mixin)

我对 sass 有点新,但是当我学习它时,Sass 网站说要开始使用 @use 而不是 import,所以经过大量试验和错误后,我终于想出了如何使用它与 import 几乎相同.

注意:我使用 Prepros 进行编译。

我在一个mixins文件夹内它自己的文件中有这个mixin:

我尝试@use在我的主_mixins.scss文件中使用它:

然后我尝试在另一个包含常见元素的文件中使用它:

然后我在 Prepros 日志Undefined Mixin中收到错误:我调用该@include flex();行的位置(在 _common_elements.scss 内部)

它一直在工作,直到我决定将 mixin 放在他们自己单独的文件夹中,但这与它在 Bootstraps 源代码中的设置方式相同。

这整个使用过程@use真的很混乱。

有谁知道我为什么会收到这个错误?