Reactでの動的インポート

Question

process.env.NODE_ENVを使用してファイルの動的をインポートして、本番または開発中のスタイルシートまたは別のものをインポートしようとしています。 ./src/index.jsでエラーが発生しました 構文エラー： 'import'と 'export'はトップレベル（13：4）にしか表示されません正解ではありません...どうすればいいですか？私は作成 - 反応 - アプリを使用する

import 'babel-polyfill'; 
import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { Provider } from 'react-redux'; 

import App from './components/App'; 

import routes from './routes'; 
import configureStore from './store/configureStore'; 
import initialState from './reducers/initialState'; 

if (process.env.NODE_ENV === 'production') { 
    import './styles/index.css'; 
}else { 
    import './styles/index.scss'; 
} 
const store = configureStore(initialState); 

ReactDOM.render(
    <Provider store={store}> 
     <App /> 
    </Provider>, 
    document.getElementById('root') 
); 

ありがとう!!!

Answer 1

Laoujinがコメントに言及しているように、このシナリオではrequireを使用します。例えば

、ここにあなたのニーズに合うように調整することができた、NODE_ENVに基づいて、私は私のReduxのストアへのアクセスを設定する方法は次のとおりです。

const INITIAL_STATE = {}; 

function getStore() { 
    const configureStore = process.env.NODE_ENV === 'production' 
     ? require('./configure-store.prod').default 
     : require('./configure-store.dev').default; 
    return configureStore(INITIAL_STATE); 
} 

export default getStore();