ダイナミック輸入は、私は次のようなコードをたくさん持っている流星

Question

に反応します私は必要なファイルをどのように動的にインポートできるかわからないので、これを行うことができます。これはJS React Meteorで可能ですか？

Answer 1

ここに記載されているようにMeteorで動的インポートを行うことは可能ですが、アプリにバグが発生する可能性があるため、推奨されていません。

私はこの種のインポートを数回行いましたが、私のコードは正常に動作しています。しかし、あなたが本当にそれが必要な場合にのみ、それを行うことをお勧めしません。

Answer 2

私はちょうどこれを行う方法と、もっと重要なときにこれを行う理由についての記事を書いています。

https://code.zeroasterisk.com/2017/05/meteor-1-5-bundle-optimization/

TL; DR：クライアントがそれを持っているとき、解決の約束を、返しimport('./my_component')。

前：クライアント側のバンドル

import PickDates from './PickDates'; 

の通常の輸入部品の後：もはやダイナミックインポートあなたが動的にファイルをインポートすることはできませんクライアント側のバンドル

import Loader from 'react-loader'; 

// generic loading component to show while transfering section of code 
const LoadingComponent =() => <span className="text-muted"><i className="fa fa-refresh" /></span>; 
// new version of the component, now: loading --> rendered 
const PickDates = Loader({ 
    // this does the dynamic import, and returns a promise 
    loader:() => import('./PickDates'), 
    // this is our generic loading display (optional) 
    LoadingComponent, 
    // this is a delay before we decide to show our LoadingComponent (optional) 
    delay: 200, 
});