Cách sử dụng nhiều mục nhập webpack-dev-server điểm

Question

Tôi muốn sử dụng webpack-dev-server để lưu trữ nhiều điểm vào tại một Cổng. cấu hình hiện tại của tôi là dưới đây:

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', 
}, 

Nhưng có vẻ như nó không làm việc cho tôi ngay bây giờ. Bất kỳ giúp đỡ?

Answer 1

Đây là ví dụ về cấu hình webpack nhiều điểm truy cập làm việc. Hãy cho tôi biết nếu nó giúp. Tôi sử dụng webpack.optimize.CommonsChunkPlugin('common.js'), để tạo tệp common.js với các phần js chung một cách tự động.

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') 
    }] 
    } 
};