草庐IT

node.js - Netbeans Less CSS(Node.js 预处理器)无法识别 Mixin

coder 2024-06-21 原文

环境

  • Netbeans IDE 8.0
  • Windows 7
  • Node.js 作为 CSS 预处理器的可执行文件
  • 带有 Bootstrap 子主题的 Drupal 7

文件夹结构

child_theme
  bootstrap
  css
  less
     mixins

导入如何发生:

styles.less

 // Bootstrap library.
  @import 'bootstrap.less';
  @import 'mixins.less';

@import 'doc-that-calls-mixin-function.less';

mixins.less//负责导入mixins文件夹内的所有文件

// Mixins
// Utilities
@import "mixins/animation.less";

mixins/animation.less 

.RoundBorders (@radius) {
    border-radius: @radius;
    -moz-border-radius: @radius;
     -webkit-border-radius: @radius;
}

doc-that-c​​alls-mixin-function.less

.rounded {
     .RoundBorders(4px);
}

使用上面的布局，每当我点击保存时，它就会吐出这个错误:

NameError: .RoundBorders 未定义

我已确保将每个文件保存为“UTF-8”，因为我在某处读到可能是问题所在。我不知道为什么它没有看到 mixin。

如有任何帮助，我们将不胜感激。

最佳答案

这个问题发生的“原因”来自@seven-phases-max 的赞成评论。引用他的话:

This is because you set Netbeans to compile each less file on save. So when you hit save it tries to compile just doc-that-calls-mixin-function.less and the error is expected since no mixins/animation.less is imported there

@seven-phases-max 建议如下:

You need to configure it [Netbeans] to recompile only styles.less

好吧，我正在寻找可以帮助我将 Netbeans 配置为仅在我更改任何其他 Less 文件时重新编译主文件的站点。我什么也没发现，只有错误和想要完全相同的人。所以有两种解决方案:

解决方案 1(不是我应用的那个)

第一个解决方案很明显(不，我不是说放弃 Netbeans)；只需在调用 mixin 的 Less 文件中添加 @import file_of_mixin_you_need。就我而言:

doc-that-c​​alls-mixin-function.less

@import 'mixins.less';

.rounded {
     .RoundBorders(4px);
}

如果它是一个只有很少文件的小项目，我会克服它并这样做。对于大型项目或中型项目，您应该这样做吗？我的回答是“见鬼不”。为什么？好吧，到处都是@import boilerplate。你打算如何跟踪它？

方案二(我目前使用的方案)

此解决方案只有在您的系统中安装了 Node.js 时才能执行。安装 Windows 很容易，只需转到 Node.js 站点，然后下载 Windows 安装程序。在您的控制台中下载后，您将可以访问“npm”命令，使用它来安装 lessc:npm install -g less。现在你准备好了。

好吧，在 Netbeans 中，我完全删除了“保存时编译”协议(protocol)。我打开我的命令窗口并导航到我的 Netbeans 项目的路径，一直到我的 less 文件所在的位置。我让那个命令窗口保持打开状态并随身携带。当我在 Netbeans IDE 中完成保存并执行我需要的任何操作后，以下是要遵循的步骤:

  1. 删除文件 ../css/style.css(否则它不会在 less 编译时被覆盖)

  2. 转到您的命令窗口(记住您必须在您的 less 文件夹中)并执行此命令:

    lessc style.less > ...\css\style.css

  3. 完成

如果您有任何错误，命令窗口将显示它们。我选择这个解决方案是因为它避免了我所有文件上的 @import boilerplate。此外，我现在不再需要担心 .gitignore“ing”Netbeans 正在编译的文件(对于我拥有的每一个更少的文件，它都会生成一个 css 文件)。

就是这样。希望它能帮助其他人。

关于node.js - Netbeans Less CSS(Node.js 预处理器)无法识别 Mixin，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26998590/

NetbeansMixinstrongcodelessnode.jswindowstwitter-bootstrap

有关node.js - Netbeans Less CSS(Node.js 预处理器)无法识别 Mixin的更多相关文章

  1. ruby-on-rails - 由于 "wkhtmltopdf"，PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中，我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  2. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  3. ruby-on-rails - 无法使用 Rails 3.2 创建插件？ - 2

    我对最新版本的Rails有疑问。我创建了一个新应用程序(railsnewMyProject)，但我没有脚本/生成，只有脚本/rails，当我输入ruby./script/railsgeneratepluginmy_plugin"Couldnotfindgeneratorplugin.".你知道如何生成插件模板吗？没有这个命令可以创建插件吗？PS:我正在使用Rails3.2.1和ruby​​1.8.7[universal-darwin11.0] 最佳答案 随着Rails3.2.0的发布，插件生成器已经被移除。查看变更日志here.现在

  4. ruby - 无法运行 Rails 2.x 应用程序 - 2

    我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby​​:$rvmuseree-1.8.7-head我尝试运行服务器，然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r

  5. ruby-on-rails - 无法在centos上安装therubyracer(V8和GCC出错) - 2

    我正在尝试在我的centos服务器上安装therubyracer，但遇到了麻烦。$geminstalltherubyracerBuildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingtherubyracer:ERROR:Failedtobuildgemnativeextension./usr/local/rvm/rubies/ruby-1.9.3-p125/bin/rubyextconf.rbcheckingformain()in-lpthread...yescheckingforv8.h...no***e

  6. ruby - 无法让 RSpec 工作—— 'require' : cannot load such file - 2

    我花了三天的时间用头撞墙，试图弄清楚为什么简单的“rake”不能通过我的规范文件。如果您遇到这种情况:任何文件夹路径中都不要有空格!。严重地。事实上，从现在开始，您命名的任何内容都没有空格。这是我的控制台输出:(在/Users/*****/Desktop/LearningRuby/learn_ruby)$rake/Users/*******/Desktop/LearningRuby/learn_ruby/00_hello/hello_spec.rb:116:in`require':cannotloadsuchfile--hello(LoadError) 最佳

  7. ruby - 无法覆盖 irb 中的 to_s - 2

    我在pry中定义了一个函数:to_s，但我无法调用它。这个方法去哪里了，怎么调用？pry(main)>defto_spry(main)*'hello'pry(main)*endpry(main)>to_s=>"main"我的ruby版本是2.1.2看了一些答案和搜索后，我认为我得到了正确的答案:这个方法用在什么地方？在irb或pry中定义方法时，会转到Object.instance_methods[1]pry(main)>defto_s[1]pry(main)*'hello'[1]pry(main)*end=>:to_s[2]pry(main)>defhello[2]pry(main)

  8. ruby - 无法在 60 秒内获得稳定的 Firefox 连接 (127.0.0.1 :7055) - 2

    我使用的是Firefox版本36.0.1和Selenium-Webdrivergem版本2.45.0。我能够创建Firefox实例，但无法使用脚本继续进行进一步的操作无法在60秒内获得稳定的Firefox连接(127.0.0.1:7055)错误。有人能帮帮我吗？ 最佳答案 我遇到了同样的问题。降级到firefoxv33后一切正常。您可以找到旧版本here 关于ruby-无法在60秒内获得稳定的Firefox连接(127.0.0.1:7055)，我们在StackOverflow上找到一个类

  9. ruby - 安装 Ruby 时遇到问题(无法下载资源 "readline--patch") - 2

    当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub

  10. ruby-on-rails - 无法让 rspec、spork 和调试器正常运行 - 2

    GivenIamadumbprogrammerandIamusingrspecandIamusingsporkandIwanttodebug...mmm...let'ssaaay,aspecforPhone.那么，我应该把“require'ruby-debug'”行放在哪里，以便在phone_spec.rb的特定点停止处理？(我所要求的只是一个大而粗的箭头，即使是一个有挑战性的程序员也能看到:-3)我已经尝试了很多位置，除非我没有正确测试它们，否则会发生一些奇怪的事情:在spec_helper.rb中的以下位置:require'rubygems'require'spork'

随机推荐