react-create-app“ npm run build”未轉譯JSX

Question

我使用create-react-app創建了一個新的React項目，但是當我使用npm run build並在瀏覽器（通過我自己的express應用程序提供）中打開生成的build時，我收到了關於無法識別的JSX語法的控制台錯誤。

是應該自動執行此操作還是需要做其他事情？

編輯：項目結構

express-application:
  admin (react build output)
  admin-src (create-react-app project source folder)
  ...
  app.js
  project.json
  gulpfile.js

因此，我使用gulp腳本在admin-src子目錄中執行npm run build ，然后將生成的構建通過管道發送到admin 。 admin文件夾是應用程序充當客戶端的文件夾。

Answer 1

好吧，我得到它的工作使用gulp ，並gulp-jsx復制出來之前transpile產生的build文件夾。

這是我想出的：

const gulp = require('gulp');
const jsx = require('gulp-jsx');

gulp.task('build-admin', () => {
  gulp.src('admin-src/build/**/*!(.js)')
    .pipe(gulp.dest('./admin'));
  gulp.src('admin-src/build/**/*.js')
    .pipe(jsx({
      factory: 'React.createClass'
    }))
    .pipe(gulp.dest('./admin'));
});