Webpack: скомпилированный поставщик и код приложения

Question

Я устанавливаю проект React + Webpack. Для создания первоначального пакета требуется 60 секунд, а 1s - добавление инкрементных изменений, но у меня даже еще нет кода приложения! Кажется, что пакет node_modules очень дорог. Я попытался расщеплять, используя общие куски, но это не улучшало производительность.

Как я могу сделать пакет Webpack node_modules только один раз и даже не следить за изменениями в этом каталоге?

Answer 1

Если это проблема, вам не нужно связывать внешние зависимости в вашем проекте. Вы можете добавить их в качестве внешних зависимостей. Для этого, конечно, вы должны добавить скрипты на свою страницу.

Допустим, вы добавляете скрипты реагировать и реагировать-Dóm на страницу, в конфигурационном файле WebPack можно добавить:

{ 
    externals: { 
    'react': 'React', 
    'react-dom': 'ReactDOM' 
    } 
} 

Что это говорит Webpack это каждый раз, когда вам требуется («реагируют») или webpack вернет глобальную переменную под названием React. То же самое, если вам нужно («реакция-dom»)

И для каждого загрузчика вы должны либо включать файлы, которые хотите, либо исключать файлы, которые вам не нужны.

Вот пример исключая node_modules:

{ 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?/, 
     exclude: /node_modules/, 
     loader: 'babel' 
     } 
    ] 
    } 
} 

Или еще более производительным, вы можете просто включить файлы вам нужно:

{ 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?/, 
     include: './src', 
     loader: 'babel' 
     } 
    ] 
    } 
}