Как я могу использовать jsx вместо js extension в шаблоне реагирования? - PullRequest
Новая
       14

Как я могу использовать jsx вместо js extension в шаблоне реагирования?

0 голосов
/ 04 июня 2018

Я просто хочу добавить страницу jsx в https://github.com/react-boilerplate/react-boilerplate/

Ниже приведено то, что я хочу добавить., не удалось запустить, как показано ниже. 

Module parse failed: C:\.....\frontend\app\containers\PwdForgotPage\PwdForgotPage.jsx Unexpected token (8:6)
You may need an appropriate loader to handle this file type.
|   render() {
|     return (
|       <div className="col-md-6 col-md-offset-3">
|         Password forgot.
|         <button className="btn btn-link">Back</button>

Если я использую расширение js, оно работает.Как изменить конфигурацию в шаблоне для поддержки расширения jsx?

1 Ответ

0 голосов
/ 04 июня 2018

Вам необходимо добавить jsx расширение к правилу в конфигурации веб-пакета, которое включает babel babel-loader. 

{
    test: /\.jsx?$/, // notice optional x?
    exclude: /node_modules/,
    use: {
      loader: 'babel-loader',
      options: options.babelQuery,
    },
  },

https://github.com/react-boilerplate/react-boilerplate/blob/master/internals/webpack/webpack.base.babel.js#L23

Или субъективно более читабельное /\.(js|jsx)$/

...