使用SystemJS导入.jsx文件

Question

由于JSX插件已被弃用，我一直在努力让Babel处理我的jsx文件。我终于设法说服SystemJS加载我的应用程序：

 System.import('scripts/app.jsx!babel')

但是这并没有导入任何导入的jsx文件，如：

import Login from './components/Login'  // File is Login.jsx

使用旧版插件，但现在我不知道如何让它正常工作。

Answer 1

正确方向的一步是将其添加到您的配置中：

"packages": {
    "components": { // Packages could of course be replaced with what you want
                    // to affect. Even "." is valid.
        meta: {
            '*.jsx': {
                loader: 'babel'
            }
        }
    }
}

这允许您加载文件：import .. from './components/Login.jsx'。

您可以在"defaultExtension": "jsx"下添加"components"，从而更进一步。如果文件夹/模块只是jsx-only，我只会使用它。这样您就可以根据需要导入import .. from './components/Login'。