https://medium.com/bucharestjs/upgrading-a-create-react-app-project-to-a-ssr-code-splitting-setup-9da57df2040a запускаю сервер через ноду указывая на файл с содержимым require('ignore-styles');
require('url-loader');
require('file-loader');
require('babel-register')({
ignore: [ /(node_modules)/ ],
presets: ['env', 'react-app'],
plugins: [
'syntax-dynamic-import',
'dynamic-import-node',
'react-loadable/babel'
]
});
require('./index'); а для оптимизации использую конфиг const webpack = require('webpack');
const path = require('path');
module.exports = {
entry: ['./server/index.js'],
target: 'node',
output: {
path: path.resolve(__dirname, 'server'),
filename: 'render-server-compiled.js',
},
module: {
rules: [
{
test: /js$/,
exclude: /(node_modules)/,
loader: 'babel-loader',
}
]
},
node: {
__dirname: true
},
plugins: [
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify('production')
}
})
]
} конфиг использует .babelrc {
"presets": [
["env", {"modules": false, "targets": {"node": "current"}}],
"react-app"
],
"ignore": ["/(node_modules)/"],
"plugins": [
"syntax-dynamic-import",
"dynamic-import-node",
"react-loadable/babel"
]
} получаю в итоге ошибку```UnhandledPromiseRejectionWarning: Error: Cannot find module 'function () {
return require('../components/About');
}'``` где используется const About = Loadable({
loader: () => import('../components/About'),
loading: () => <div>loading...</div>
}) но вот если запускать через то, что выдаст вебпак, то проблем нет. Может кто подскажет что тут не так ?
@webpack_ru
Обсуждают сегодня