Встряхивание дерева без бабеля в пачке 4

Question

Можно ли встряхивать внешние модули, такие как React или Antd (встряхивая дерево), без Babel в веб-пакете 4?

Пример структуры реагирования: Папка node_modules-> реагирует с каталогами / cjs и / umd.

Установка:
Проект: https://github.com/webpack/webpack/tree/master/examples/harmony-unused
конфигурация https://webpack.js.org/guides/tree-shaking/
Typescript-Loader (необязательно) https://github.com/TypeStrong/ts-loader

src Файлы будут потрясены, все они включают в себя node_modules, такие как antd или не реагируют.

Приветствует Ричи

Answer 1

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

const CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
externals: {
react: 'React',
'react-dom': 'ReactDOM'
},
entry:{},//entry files
output: {} // output path and files
plugins: [
new CopyWebpackPlugin([
{
from: path.join('src/Commons/Polyfills/Symbol.js'),
to: 'manifest.js'
},
{
from : path.join('node_modules/react/umd/react.production.min.js'),
to : 'react.js'
},
{
from : path.join('node_modules/react-dom/umd/react-dom.production.min.js'),
to : 'react-dom.js'
}
]),
]
};