由于在开发项目时学习了Angular 2,我没有采用我应该具备的路由.我有一个main.js文件引导一个组件,另一个main2.js文件引导第二个组件(我现在知道我应该从一个页面路由它们,但我们在项目中很远,它会导致一个备份((必要时会这样做)).我正在尝试使用webpack捆绑“可加载性”的代码(sp？). @H_403_7@

@H_403_7@这是我的webpack.config.js文件：

@H_403_7@

var path = require( 'path' );
var webpack = require( 'webpack' );

module.exports = {
    entry: "./main",output: {
        path: __dirname,filename: "./dist/bundle.js"
    },resolve: {
        extensions: ['.js','.ts']
    },module: {
        loaders: [{
            test: /\.ts/,loaders: ['ts-loader'],exclude: /node_modules/
        }]
    }
};

@H_403_7@是否可以定义两个入口点,如下所示：

@H_403_7@

var path = require( 'path' );
var webpack = require( 'webpack' );

module.exports = {
    entry: "./main",exclude: /node_modules/
        }]
    }
};

module.exports = {
    entry: "./main2",filename: "./dist/bundle2.js"
    },exclude: /node_modules/
        }]
    }
};

@H_403_7@或者我最好回去重新构建我的项目以使用路由并有一个入口点为我提供组件？

var path = require( 'path' );
var webpack = require( 'webpack' );

module.exports = {
    entry: {
        "main": "./main.ts","main2": "./main2.ts",}
    output: {
        path: path.join(__dirname,'./dist'),filename: "[name].js"
    },// Rest of your config ...
};