Tag: reactjs gulp

npm start不适用于Gulp js上的React应用程序

希望大家做得很好! 我已经开始在使用节点模块的Gulp环境上运行React.js App。 运行项目命令是npm start或gulp watch 。 在那些npm start中会触发gulp watch,所以当我用npm start的时候得到某种节点模块的错误。 如果我使用gulp手表没有得到低于错误。 命令提示错误 C:\Users\ryangyeswar\Documents\Interserv>npm start 'CALL "C:\Program Files\nodejs\\node.exe" "C:\Program Files\nodejs\\node_modules \npm\bin\npm-cli.js" prefix -g' is not recognized as an internal or external com mand, operable program or batch file. > react-starterify@0.0.4 start C:\Users\ryangyeswar\Documents\Interserv > gulp watch npm ERR! Windows_NT 6.1.7601 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program […]

React JS:从服务器渲染迁移到纯客户端

我有反应的项目,这是以前使用节点js服务器设置,并利用客户端和服务器端渲染和路由。 我需要移动它,以便它使用纯粹的客户端渲染/路由。 我该如何去做呢? server.js文件如下所示: var Router = require('react-router').Router; var routes = require('./public/js/' + defaultAppName + '/' + defaultAppName + '.node.js'); app.get('*', function (req, res, next) { var location = new Location(req.path, req.query); try { Router.run(routes(), location, function (e, i, t) { var str = ReactDOMServer.renderToString( React.createElement(Router, i)); }); } catch (e) { console.error(e); return next(); […]

我如何设置NODE_ENV?

我在我的reactjs解决scheme中使用gulp,并想设置NODE_ENV,我试过这个: gulp.task('set-dev-node-env', function() { return process.env.NODE_ENV = 'development'; }); //dev environment run gulp.task('default', ['set-dev-node-env', 'webpack-dev-server']); 当我运行吞噬并检查chromeconsole它说: testing process.env.NODE_ENV undefined 我错过了什么或如何设置这个NODE_ENVvariables? 我想以某种方式将其设置在gulp文件中。 这是完整的项目: github

无法使用浏览器同步刷新一个快速服务器和JSON gulp

我正在学习反应,我想要的第一件事就是可以为我处理重新加载和刷新的开发环境。 我在这里跟随他们的教程: http://facebook.github.io/react/docs/tutorial.html 现在我想在这个设置中joingulp。 服务器( https://github.com/reactjs/react-tutorial/blob/master/server.js )可以正常工作,但没有浏览器同步,当然还有一些额外的东西。 所以我所做的是将服务器的端口更改为9000,并代理浏览器同步。但是,代理似乎不会将ajax调用传递给服务器,因此可以写入json。 我在这里包含了我的大文件。 var gulp = require('gulp'); var sass = require("gulp-ruby-sass"); var filter = require('gulp-filter'); var browserSync = require('browser-sync'); var sourcemaps = require('gulp-sourcemaps'); var server = require('gulp-express'); var reload = browserSync.reload; gulp.task('server', function(){ server.run(['app.js']); browserSync({ proxy: "localhost:9000" }); gulp.watch("./scss/*.scss", ['sass']); gulp.watch("./app/**/*.html").on('change', reload); }); // Compile sass into CSS & […]

React + Gulp + Babelify

我正尝试将我的工作应用程序从React和Gulp与ES5转换为React + Gulp和ES6。 我只是试图用babelifyreplace反应,但我仍然得到吞咽错误:非法import声明 这是我的gulpfile.js: "use strict"; var gulp = require('gulp'); var connect = require('gulp-connect'); //Runs a local dev server var open = require('gulp-open'); //Open a URL in a web browser var browserify = require('browserify'); // Bundles JS var source = require('vinyl-source-stream'); // Use conventional text streams with Gulp var concat = require('gulp-concat'); //Concatenates files […]