小编Jef*_*ley的帖子

我正在用webpack构建两个项目; 一个是另一个的图书馆.

在构建我的包装器项目时,是否可以从我的库项目中使用源图？我希望能够从我的包装器UI调试我的库代码.

我的构建工作正常,因为库是内置的.唯一的问题是源图.我在浏览器调试器中看到的JavaScript是丑化的,因为源映射不可用.

我的项目结构的片段:

+-- my-ui/
    +-- dist/
        +-- my-ui.js
        +-- my-ui.js.map
    +-- node_modules/
        +-- my-lib/
            +-- dist/
                +-- bundle.js
                +-- bundle.js.map

片段来自webpack.config.js:

module.exports = {
    entry: './src/js/main.jsx',
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'my-ui.js',
        library: 'my-ui',
        libraryTarget: 'umd'
    },
    devtool: 'source-map',
    module: {
        loaders: [
            {test: /\.jsx?$/, loader: 'babel', include: path.join(__dirname, 'src')}
        ]
    },
    plugins: [
        new Clean('dist'),
        new HtmlWebpackPlugin({
            template: 'src/index.html',
            inject: true
        })
    ]
};

使用NodeJS和Sequelize 2.0,我正在编写一个迁移来创建一个新表.除了主键之外,我还想将第二列标记为唯一.我在文档中找不到任何相关内容.

migration.createTable('data', {
    id: {
        type: DataTypes.INTEGER,
        primaryKey: true,
        autoIncrement: true
    },
    key: {
        // needs to be unique
        type: DataTypes.UUID,
        allowNull: false
    }
})
    .then(function () {
        done();
    });

我在Cloudbees中创建了一个新视图,并且在配置它时,希望我的团队其他人不会注意到它.我将视图重命名为"..",只是因为这是我想到的第一件事.

现在我无法删除该组,因为使用".."被解释为目录遍历.

• 我无法通过点击标签导航到该视图,因为"https:// {account} .ci.cloudbees.com/view /../"是"https:// {account} .ci.cloudbees.com/".
  • 我可以导航到此视图,但只能将其设置为"Manage Jenkins"中的默认视图.
• 通过相同的URL模式问题,我也无法编写适合删除此视图的URL.

我正在创建一些用于在开发机器上进行测试的docker镜像.我计划为我们的主应用程序构建一个,以及为每个外部依赖项构建一个(postgres,elasticsearch等).对于主应用程序,我正在努力编写Dockerfile或编译要托管的映像.

一方面,Dockerfile很容易随时间共享和修改.另一方面,我希望在提交新图像之前,在vim中更容易进行高级配置(自定义应用程序属性文件).

我知道我可以得到相同的结果,但我正在寻找PROS,CONS和任何方向的问题.

作为一个方面说明,我计划在所有包装了一起利用图.我对这个工具的初步印象非常积极.

谢谢!

我有一个 React 组件，它呈现一个<Link/>.

render: function () {
    var record = this.props.record;
    return (
        <Link to="record.detail" params={{id:record.id}}>
            <div>ID: {record.id}</div>
            <div>Name: {record.name}</div>
            <div>Status: {record.status}</div>
        </Link>
    );
}

我可以轻松获得渲染的<a/>，但我不确定如何测试 href 是否正确构建。

function mockRecordListItem(record) {
    return stubRouterContext(require('./RecordListItem.jsx'), {record: record});
}
it('should handle click', function () {
    let record = {id: 2, name: 'test', status: 'completed'};
    var RecordListItem = mockRecordListItem(record);
    let item = TestUtils.renderIntoDocument(<RecordListItem/>);

    let a = TestUtils.findRenderedDOMComponentWithTag(item, 'a');
    expect(a);

    // TODO: inspect href?
    expect(/* something */).to.equal('/records/2');
});

注：stubRouterContext是阵营，路由器v0.13.3必要嘲笑 …

我有一个幻灯片放映组件,它有一个幻灯片对象的输入数组,只要它slide.time本身被定义,就会显示每个对象.还有两个点击它们的按钮必须滑动到下一个项目并重置计时器.为了使这项工作,我正在使用这样的Observable:

/**
 * a "SUBJECT" for pausing(restarting) the slider's auto-slide on user's click on left and right arrows
 * @type {Subject}
 */
private pauser = new Subject();

/**
 * the main observable for timer (before adding the pause/reset option)
 * @type {Observable<T>}
 */
private source = Observable
    .interval(1000)
    .timeInterval()
    .map(function (x) { /*return x.value + ':' + x.interval;*/ return x })
    .share();

/**
 * the final timer, which can be paused
 * @type {Observable<R>}
 */
private pausableSource = …

虽然我的场景非常具体,但我认为它在Flux中提出了一个更大的问题.组件应该是来自商店的简单数据呈现,但是如果组件呈现有状态的第三方组件会怎样？如何在遵守Flux规则的同时与第三方组件进行交互？

所以,我有一个包含视频播放器的React应用程序(使用clappr).一个很好的例子就是寻求.当我点击进度条上的某个位置时,我想要寻找视频播放器.这就是我现在所拥有的(使用RefluxJS).我试图将我的代码删除到最相关的部分.

var PlayerActions = Reflux.createActions([
    'seek'
]);

var PlayerStore = Reflux.createStore({
    listenables: [
        PlayerActions
    ],

    onSeek(seekTo) {
        this.data.seekTo = seekTo;
        this.trigger(this.data);
    }
});

var Player = React.createClass({
    mixins: [Reflux.listenTo(PlayerStore, 'onStoreChange')],

    onStoreChange(data) {
        if (data.seekTo !== this.state.seekTo) {
            window.player.seek(data.seekTo);
        }

        // apply state
        this.setState(data);
    }

    componentDidMount() {
        // build a player
        window.player = new Clappr.Player({
            source: this.props.sourcePath,
            chromeless: true,
            useDvrControls: true,
            parentId: '#player',
            width: this.props.width
        });
    },

    componentWillUnmount() {
        window.player.destroy();
        window.player = null;
    },

    shouldComponentUpdate() { …

我想将CloudBees用于我的CI环境,但我也想将我的Maven工件部署到我现有的私有Nexus存储库.在我当前的本地Hudson设置中,我使用.m2/settings.xml文件中的用户名/密码设置,如下所示:

...
<servers>
    <server>
        <id>my-repository</id>
        <username>username</username>
        <password>password</password>
    </server>
</servers>
...

如何/在何处可以在CloudBees上配置这些凭据？