Merge pull request #2628 from clarkdo/babel_jsx

feat: transpile .jsx files

lib/builder/webpack/base.config.js

@@ -63,7 +63,7 @@ module.exports = function webpackBaseConfig({ name, isServer }) {
           options: vueLoader.call(this, { isServer })
         },
         {
-          test: /\.js$/,
+          test: /\.jsx?$/,
           loader: 'babel-loader',
           exclude: /node_modules/,
           options: this.getBabelOptions({ isServer })

test/basic.ssr.test.js

@@ -306,6 +306,11 @@ test('/jsx', async t => {
   t.true(html.includes('<h1>JSX Page</h1>'))
 })
 
+test('/jsx-link', async t => {
+  const { html } = await nuxt.renderRoute('/jsx-link')
+  t.true(html.includes('<h1>JSX Link Page</h1>'))
+})
+
 test('/js-link', async t => {
   const { html } = await nuxt.renderRoute('/js-link')
   t.true(html.includes('<h1>vue file is first-class</h1>'))

test/fixtures/basic/pages/jsx-link.js

@@ -0,0 +1,5 @@
+import renderLink from './jsx-link.jsx'
+
+export default {
+  render: renderLink
+}

test/fixtures/basic/pages/jsx-link.jsx

@@ -0,0 +1,5 @@
+export default function (h) {
+  return (<div class='container'>
+    <h1>JSX Link Page</h1>
+  </div>)
+}