小编Ste*_*ven的帖子

我正在一个新的React项目中使用CSS模块(通过Webpack css loader),尽管它工作得很好,但我无法让ReSS Select的SCSS 工作.我想这是因为它试图创建local一个JS in react-select不知道的classNames .有没有办法导入整个.scss文件,但是全局范围而不是本地范围？

我正在将一个项目从CoffeeScript迁移到ES6(使用6to5和Browserify),并且可能遇到限制,或者我只是不知道正确的语法.在CoffeeScript中,我可以这样做:

class SomeView extends BaseView
    triggerMethod: Marionette.triggerMethod

我如何在ES6课程中表达这一点？我尝试了几件事,但Unexpected token无论我尝试什么,它都会抛出错误.这例如:

let { triggerMethod } = Marionette;

class SomeView extends BaseView {
    triggerMethod, // doesn't work
    triggerMethod: Marionette.triggerMethod // doesn't work
}

现在我可以通过在构造函数(this.triggerMethod = Marionette.triggerMethod)中设置它来实现这一点,但是对我来说感觉有点难看(我猜的只是编码风格的偏好).任何帮助,将不胜感激.

我正在努力将我们从一ant开始gulp,并且作为努力的一部分,我想将时间统计数据写入Graphite.我们也是这样做的ant(不知道如何,除此之外).我的问题是,我宁愿不必手动为我们拥有的每个任务添加一些或其他插件(我们有超过60个),而是有某种全局行为,每个任务,在任务运行之前计时器启动,当它表示完成时,我们将一些数据推送到Graphite(通过statsd).

有人能指出我正确的方向在哪里勾住gulp为此？我在文档/食谱中找不到任何特别有用的东西......

我们正在跑步gulp@4.

我正在开始一个新项目,作为其界面的一部分,我们有一大堆"令牌",一个带有字符串值的递归对象,如下所示:

const colors = {
  accent: '#f90',
  primary: {
    active: '#fff',
    inactive: 'silver'
  }
};

我们的(例如,使用那些通过基于字符串的路径提供了一个实用工具primary.active用于#fff在这种情况下).将所有可能的路径提取到数组中很容易,但我们想要提供的是对此包的使用者更好的自动完成,而不是"字符串",这些可能路径的联合或枚举.有没有人有这方面的经验？我最初的方法是编写一个简单的脚本,它接受一个数组,并使用模板或类似的东西将其打印为联合,但考虑到我们想要更频繁地执行此操作,并且我们的用例会增加复杂性,我认为生成并打印AST可能是一种更好的方法.我以前写过babel并重新编写codemods,我只是在寻找关于现有工具集,示例等的一些指导.我已经快速完成了Google但却找不到任何东西.理想情况下,这些将与我的正常"观察"过程一起重新编译,但这是一个伸展目标^ _ ^.

我有Browserify,6to5ify和Karma玩得很好,成功运行我的规格.然而,当我添加代码覆盖时,事情就会发生变化.我尝试了几种方法:

• 将browserify-istanbul变换添加到我的karma.conf.js.但是,这会导致它尝试在我的spec文件上运行检测,它也会出现.
• coverage在我的源文件上运行预处理器.但是因为istanbul(偶数douglasduteil/karma-coverage#next)没有读取我的6to5ifybrowserify转换,所以它会在它尝试解析的第一个文件(因为该import语句)上立即崩溃,或者当我使用karma-coverage#next时,它不会尊重browser映射我的package.json(移动项目,将Backbone映射到Exoskeleton).

现在我karma.conf.js看起来像这样:

module.exports = function(karma){
  karma.set({
    frameworks: ["browserify", "mocha", "chai-sinon"],
    browserify: {
      debug: true,
      extensions: [".js", ".hbs"],
      transform: ["6to5ify", "hbsfy"]
    },
    reporters: ["dots", "osx", "junit", "coverage"],
    coverageReporter: {
      type: "text"
    },
    junitReporter: {
      outputFile: "spec/reports/test-results.xml"
    },
    preprocessors: {
      "src/javascript/**/*": ["coverage"],
      "spec/**/*": ["browserify"]
    },
    browsers: ["PhantomJS"],
    files: ["spec/unit/**/*Spec.js"],
    logLevel: "LOG_DEBUG",
    autoWatch: true
  });
};

我有点失去了如何让这一切都在一起工作.我尝试按照这些说明操作,但这不起作用,因为它没有跟随我的browser节点package.json.任何帮助将不胜感激.

我把我的测试,在同一文件夹作为我的成分,我想应用的WebPack装载机(istanbul-instrumenter-loader)中的所有文件,除了正好叫的人spec.js或与该结束*Spec.js(因此两者components/SupportPage/spec.js并actions/SupportActionsSpec.js不会得到包括在内.我已经试过在regextester.com上获得正确的RegEx,但我无法让它工作.我错过了什么吗？

我正在使用kendo.data.ObservableObject,并希望一次更改两个属性(因此更改事件不会被触发两次).我不确定语法(background.set('id', backgroundId)对于单个属性),文档没有多大帮助.有帮助吗？

谢谢!

我正在探索将Nest.js用于目前测试覆盖率很小的关键应用程序。我们需要根据环境标志做出决定，主要是加载其他表达中间件，不同的loggin配置等。我使用的是文档中所述的环境变量方法，但不确定如何优雅（隔离，可测试）处理进一步的分支。我可以在根模块的configure钩子中处理所有这些问题，但是即使我将其隔离到单独的方法中，也会感到混乱，并且可能会有更好的解决方案。任何帮助将不胜感激！谢谢！??

我遇到了一些麻烦:我在登台服务器和实时服务器上都有一个MSM站点.我正在开发辅助站点,刚刚转移到实时服务器.奇怪的是它无法连接到db.我的bootstrapped配置有这个if语句:

if($_SERVER['HTTP_HOST'] == 'www.domain.com' || $_SERVER['HTTP_HOST'] == 'en.domain.com')

这似乎没有正确评估,因为ExpressionEngine无法加载网站首选项.所以为了测试我在子域上创建了一个简单的php文件,它只是回声$_SERVER['HTTP_HOST'],并输出en.domain.com.那么为什么这会在vanille PHP中正确评估,而不是在ExpressionEngine中呢？有什么想法吗？

我想呈现一个<select>与<option>基于使用木偶的ItemView控件集合的.因为选项需要有实际的"值"才能使我的App工作,所以我有点不确定如何让Marionette来处理这个问题？如果我tagName: 'option'在我的ItemView中设置了一个,我不确定如何在渲染后添加该选项.我以为我可以<option value="<%= id %>">放在模板中,但这会导致双<option>元素渲染,因为我已经在tagName我的ItemView 的属性中指定了它.这样做的最佳做法是什么？我的模板看起来像这样:

<script type="text/template" id="sport-item-view">
    <option value="<%= id %>"><%= name %></option>
</script>

我正在建立一个网站,其博客有一些特点.这是一种tumblr式的体验,其中有不同的后期类型:

• Facebook的员额
• 引用
• 文章
• 研究

这些职位都有一些共同的属性,如id,title,post_date,post_url_slug,但一些有一个post_image或post_external_link为例.这是所有依赖的post_type,能容纳值,例如facebook,quote,article等这将是一个很好的策略,以确定哪种类型的它渲染时Marionette.CollectionView,要么干脆选择不同tempalte或在下划线的任意JavaScript处理这个模板我的模板？任何输入将不胜感激.

谢谢!

我们有一些复杂的组件组合，我在使它们类型安全时遇到了麻烦。根据下面的代码，我希望 Typescript 能够为Menu.Itemor提供类型Menu.Link，但由于某种原因它不能提供类型，它们被推断为“任何”（JSX.Element<any>当您将其包装在 JSX 中时会进行改进。知道为什么会这样吗？

import * as React from 'react';

type RootFunctionComponent<OwnProps, SubComponents> = React.FunctionComponent<OwnProps> & SubComponents;

interface ItemProps {
    text: string;
};

interface LinkProps {
    href: string;
}

const Item: React.FunctionComponent<ItemProps> = props => <div {...props} />;
const Link: React.FunctionComponent<LinkProps> = props => <div {...props} />;

interface MenuSubComponents {
    Item: React.FunctionComponent<;
    Link: typeof Link;
}

const Menu: React.FunctionComponent<{}, MenuSubComponents> & MenuSubComponents = props => <div {...props} />

Menu.Item = Item;
Menu.Link = …