Проблема
- Мне нужно заменить внешние элементы веб-пакета react на preact, но только в производственной среде.
- Мне нужен способ проверить, что мой пакет использует preact not response.
Например, у меня на странице были бы эти скрипты
<script src="./externals.js"></script><script src="./title-component.js"></script>
В моем пакете компонентов npm react
- Мой пакет npm, написанный на React, должен работать с моим предварительным внешним скриптом.
class Title extends React.Component {
render(){
return <h1>Test</h1>
}
}
В конфигурации продукта Webpack
- Согласно предварительной документации, я добавил псевдонимы
resolve: {
alias: {
"react": "preact/compat",
"react-dom/test-utils": "preact/test-utils",
"react-dom": "preact/compat"
};
}
Во внешнем виде Webpack
- В соответствии с рекомендациями при объединении модулей моя сборка не содержит React, а указывает его как одноранговую зависимость.
react: {
root: ['React'],
commonjs2: 'react',
commonjs: 'react',
amd: 'react'
},
'react-dom': {
root: ['ReactDom'],
commonjs2: 'react-dom',
commonjs: 'react-dom',
amd: 'react-dom'
},
Любая помощь будет оценена по достоинству.
