Netbeans 将一个特定的Sass文件编译到与其他文件不同的文件夹

Netbeans 将一个特定的Sass文件编译到与其他文件不同的文件夹,netbeans,sass,Netbeans,Sass,我正在使用HTML、PHP和SASS创建Wordpress主题。SASS文件编译到一个名为'css'的文件夹中,但由于我正在创建Wordpress主题,WP要求style.css文件与其他主题文件位于同一文件夹中 这是我的文件夹结构: 现在,我想更改编译设置,以便style.css文件位于teamtour文件夹中,而不是css文件夹中,而无需每次保存时手动将其从css文件夹中移出,而其他scss文件保留在css文件夹中。我知道,最简单的方法是将每个sass文件编译到teamtour文件夹中,这

我正在使用HTML、PHP和SASS创建Wordpress主题。SASS文件编译到一个名为'css'的文件夹中,但由于我正在创建Wordpress主题,WP要求style.css文件与其他主题文件位于同一文件夹中

这是我的文件夹结构:

现在,我想更改编译设置,以便style.css文件位于teamtour文件夹中,而不是css文件夹中,而无需每次保存时手动将其从css文件夹中移出,而其他scss文件保留在css文件夹中。我知道,最简单的方法是将每个sass文件编译到teamtour文件夹中,这个问题可能很简单,但我仍然希望有一个有组织的文件夹结构


我使用NetBeans作为IDE

这在NetBeans中默认的Less/Scss支持下是不可行的,映射是基于文件夹的(尽管我相信有一些基于文件的映射的错误/增强报告-我将对此进行研究)

作为最简单、最快捷的解决方案,我会:

  • 更改较少编译器的映射以在teamtour中生成css文件

  • 让Grunt/Gulp“构建(分发)任务”将想要的CSS文件移动到CSS文件夹

这样,您在开发过程中可能会有一点“混乱”,但在发布主题之前,您将执行构建任务并让咕噜声/咕噜声来清理您的结构。您甚至可以将Grunt或Gulp任务映射到NetBeans中的“Build”操作,因此在最后只需右键单击项目并选择Build


注意:Gulp仅在NetBeans的开发版本中可用,另一种方法是让SASS将其所有输出编译到css目录中,并将主主题css文件简化为单个
@import
语句。当然,缺点是额外的HTTP请求

另一个减少HTTP请求数量的建议是将SASS编译到主题根目录中,并将所有其他CSS文件导入主题的主SCSS文件中。然后,您的主题只需要加载一个CSS文件。

Wordpress要求主题“根”文件夹中有一个
style.CSS
——它不要求在使用主题时实际加载此文件。该文件只需要在注释中包含主题名和一些其他详细信息——我想这种设置是出于遗留原因

我已经好几年没有在实际的样式中使用
style.css
,这是我的“样板文件”
style.css
,完成后看起来没什么不同

/*
Theme Name: BLANK THEME
Author: Mikk3lRo
Author URI: 
Description: Blank theme
Version: 0.1
License: 
Text Domain: prfx
*/
实际样式表包含在子文件夹中:

wp_enqueue_style('prfx_styles', get_template_directory_uri() . '/css/production.css');

谢谢,我担心它在Netbeans中不可能实现。。最后,我将其他文件更改为partials,并将其导入style.scss文件,然后将该文件编译到teamtour文件夹中。将检查是否有吞咽或咕噜声:)