वेबपैक-डीवी-सर्वर एकाधिक प्रविष्टियों का उपयोग कैसे करें

Question

मैं एक पोर्ट पर एकाधिक प्रविष्टि बिंदु होस्ट करने के लिए वेबपैक-देव-सर्वर का उपयोग करना चाहता हूं। मेरी वर्तमान कॉन्फ़िगरेशन नीचे है:

entry: { 
    //Application specific code. 
    main: [ 
     `webpack-dev-server/client?http://${config.HOST}:${config.PORT}`, 
     'webpack/hot/only-dev-server', 
     './app/base.js', 
     './app/main.js' 
    ], 

    login: [ 
     `webpack-dev-server/client?http://${config.HOST}:${config.PORT}`, 
     'webpack/hot/only-dev-server', 
     './app/base.js', 
     './app/login.js' 
    ], 
}, 
output: { 
    path: assetsPath, 
    publicPath: `http://${config.HOST}:${config.PORT}/public/dist/`, 
    chunkFilename: "[name].js", 
    filename: '[name].js', 
}, 

लेकिन ऐसा लगता है कि यह अभी मेरे लिए काम नहीं करता है। कोई मदद?

Answer 1

यह एक काम कर रहे एकाधिक एंट्रीपॉइंट वेबपैक कॉन्फ़िगरेशन का एक उदाहरण है। मुझे बताएं कि क्या इससे लाभ होता है। मैं सामान्य जेएस भागों के साथ एक सामान्य.जेएस फ़ाइल उत्पन्न करने के लिए webpack.optimize.CommonsChunkPlugin('common.js'), का उपयोग करता हूं।

var path = require('path'); 
var webpack = require('webpack'); 
var WebpackErrorNotificationPlugin = require('webpack-error-notification') 


var buildEntryPoint = function(entryPoint){ 
    return [ 
    'webpack-dev-server/client?http://localhost:3000', 
    'webpack/hot/only-dev-server', 
    entryPoint 
    ] 
} 

module.exports = { 
    devtool: 'eval', 
    entry: { 
    search: buildEntryPoint('./src/index'), 
    generic: buildEntryPoint('./src/index-generic') 
    }, 
    output: { 
    path: path.join(__dirname, 'dist'), 
    filename: '[name].js', 
    publicPath: '/static/' 
    }, 
    plugins: [ 
    new webpack.optimize.CommonsChunkPlugin('common.js'), 
    new webpack.HotModuleReplacementPlugin(), 
    new webpack.DefinePlugin({ 
     __CLIENT__: true, 
     __SERVER__: false, 
     __DEV__: true, 
     __DEVTOOLS__: true // <-- Toggle redux-devtools 
    }) 
    ], 
    resolve: { 
    alias: { 
     'redbox-react': path.join(__dirname, '..', '..', 'src') 
    }, 
    extensions: ['', '.js'] 
    }, 
    module: { 
    loaders: [{ 
     test: /\.js$/, 
     loaders: ['react-hot', 'babel'], 
     include: path.join(__dirname, 'src') 
    }] 
    } 
};