-
Notifications
You must be signed in to change notification settings - Fork 43
Description
I am having issues when adding magic comments to my dynamic import using react-reloadable, Instead of receiving "main" i get "Home" which is a loadable component.
Here is my server config.
const path = require('path');
const webpack = require('webpack');
const externals = require('./node-externals');
const FriendlyErrorsWebpackPlugin = require('friendly-errors-webpack-plugin');
module.exports = {
name: 'server',
target: 'node',
externals,
entry: './server/renderer.js',
mode: 'development',
output: {
filename: 'dev-server-bundle.js',
chunkFilename: '[name].js',
path: path.resolve(__dirname, '../build'),
libraryTarget: 'commonjs2'
},
devtool: 'inline-sourcemaps',
module: {
rules: [
{
test: /.js$/,
exclude: /node_modules/,
use: [
{
loader: 'babel-loader'
}
]
},
{
test: /.css$/,
use: {
loader: 'css-loader',
options: {
minimize: true
}
}
},
{
test: /.scss$/,
use: [
{
loader: 'css-loader',
options: {
minimize: true
}
},
{
loader: 'postcss-loader'
},
{
loader: 'sass-loader'
}
]
},
{
test: /.(jpg|png|gif)$/,
use: [
{
loader: 'file-loader',
options: {
name: '/images/[name].[ext]',
emitFile: false
}
}
]
}
]
},
plugins: [
new FriendlyErrorsWebpackPlugin(),
new webpack.optimize.LimitChunkCountPlugin({
maxChunks: 1
}),
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify('development')
}
})
]
};