有没有办法让pm2运行一个npm启动脚本,或者你只需要运行 pm2 start app.js
所以在发展中
npm start
然后在pm2的制作中你会运行类似的东西
pm2 start 'npm start'
永远有一种相同的方法可以做到这一点
forever start -c "npm start" ./
我一直在使用babel-node和browserify开发一个带有babelify变换的网站,以支持ES6语法.
我只是想知道,我可以在生产中运行它, babel-node server 而不是 node server 在节点中运行ES6还有什么其他选项吗？
以下是我为构建运行并在开发中启动的命令
// npm run build
browserify -t [babelify] client.js > public/js/bundle.js",
// npm start
babel-node server.js"
这是我的开发依赖项
"babel": "^4.0.1",
"babelify": "^5.0.3",
"browserify": "^8.0.3"
我想以递归方式从其自己的组件中添加react组件.我看到了一个树组件的例子,它通过子TreeNodes进行映射并以相同的方式添加子节点.不幸的是,它对我来说根本不起作用.我们的想法是拥有一个简单的注释组件,并且回复将重用相同的组件.
var Comment = React.createClass({
render: function() {
return (
<div className="comment">
{/* text and author */}
<div className="comment-text">
<span className="author">{this.props.author}</span>
<span className="body" dangerouslySetInnerHTML={{__html: this.props.body}} />
</div>
{/* replies */}
<div className="replies">
{
this.props.replies.map(function(reply) {
<Comment body={reply.body} author={reply.author} />
}.bind(this))
}
</div>
</div>
);
}
});
我收到以下错误消息:
未捕获TypeError:无法构造'Comment':请使用'new'运算符,此DOM对象构造函数不能作为函数调用.
这是传递给组件的JSON数据的示例.
{ "author" : "Some user",
"body" : "<div>Great work</div>",
"replies" : [ { "author" : "A user replying",
"body" : "<div Yes it was great work</div>"
},
{ "author" …我想知道如何使用webpack设置内联svg？
我正在关注react-webpack-cookbook.
我使用文件加载器正确设置了webpack.config.
但是,该示例显示使用如下背景图像:
.icon {
background-image: url(./logo.svg);
}
哪个工作正常,但我想有一个内联svg图像我该怎么做才能在我的react组件中包含我的logo.svg内联？
import React, { Component } from 'react'
class Header extends Component {
render() {
return (
<div className='header'>
<img src={'./logo.svg'} />
</div>
);
}
};
export default Header
我已经制作了一些简单的可重用反应组件,并希望知道在package.json中包含依赖项以在npm中发布的正确方法.
我目前正在这样做:
假设我的组件将使用最新版本的react,我已经测试过,它适用于该版本.例如0.13.3
"peerDependencies": {
"react": "^0.13.3"
},
我注意到使用const和import在使用带有Babel的es6语法的node.js应用程序中的引用库之间进行了一些切换.
什么是首选方法,使用const和import有什么区别？假设您可能在许多文件/组件中导入相同的库.
常量
const React = require('react')
进口
import React from 'react'
以下是每个的定义,但我仍然不确定使用哪个.
import语句用于导入从外部模块,另一个脚本等导出的函数,对象或基元.
const声明创建对值的只读引用.它并不意味着它拥有的值是不可变的,只是不能重新赋值变量标识符.
我想知道如何将Express中的所有api路由移动到routes.js我的server.js文件中的单独文件中
我有一个很长的api路由列表app.use()用于每个路由.因此,每条路线都在自己的文件中,例如movies.js,movie.js但是当我列出这些时,它会产生很长的列表server.js
所以我想从下面server.js的routes.js文件中删除api端点列表部分.
这是我目前的情况:
server.js
import path from 'path'
import express from 'express'
import webpack from 'webpack'
import webpackDevMiddleware from 'webpack-dev-middleware'
import webpackConfig from './webpack.config.dev'
const app = express();
/* api endpoints, can be many more, I want them in routes.js */
app.use('/api/movies', require('./src/api/routes/movies'))
app.use('/api/movie', require('./src/api/routes/movie'))
app.use(webpackDevMiddleware(webpack(webpackConfig), {
publicPath: webpackConfig.output.publicPath
}));
app.use('/public', express.static(__dirname + '/public'))
app.get('*', function(req, res) {
res.sendFile(path.join(__dirname, 'index.html'));
});
app.listen(3000, 'localhost', function …我想在IOS模拟器上打开开发人员工具
我在运行macOS Sierra 10.12.1的2016 Macbook上采取了以下步骤,并且不知道如何进一步:
现在我想知道我会采取哪些步骤进行调试,并像在Safari或Chrome开发人员工具中那样检查网页上的元素？
我正在为我的项目使用css模块,我有一个文件positioning.css,它有一些我想导入的有用类.例如.right, .left
使用CSS模块的最佳方法是什么？
目前我可以看到两个选项,但它们并不是那么好:
组件风格的组成
.right {
composes: right from '../styles/positioning.css';
}
要么
组件中的多个css模块导入
import positioning from '../styles/positioning.css'
import styles from './myComponent.css';
Object.assign(styles, positioning)
class Menu extends Component {
render() {
return (
<div styleName='menu'>
<div styleName='left'>this is left</div>
<div styleName='right'>this is right</div>
</div>
);
}
};
export default CSSModules(Menu, styles);
我需要根据添加谷歌加一个按钮的文档添加异步和延迟属性.我怎么用玉做这个？
<script src="https://apis.google.com/js/platform.js" async defer></script>