bundle-loader 是 webpack 的一个插件，用于将多个模块打包成一个 bundle。然而，它并不能直接实现路径分离的功能。如果你需要将组件和其依赖的模块分开打包，你可以使用其他工具，如 webpack-gulp 或 webpack-jest。

对于使用 webpack-gulp 或 webpack-jest 的用户，你可以使用 webpack-gulp-plugin 这个插件来处理 bundle。这个插件可以让你指定一个目录，然后根据这个目录将所有的组件和其依赖的模块打包在一起。

以下是一个简单的例子：

1. 首先，你需要安装 webpack-gulp-plugin。你可以使用 npm 来安装：

bash npm install webpack-gulp-plugin

1. 然后，你可以创建一个 webpack 配置文件，例如 webpack.config.js。在这个配置文件中，你可以添加一个选项来指定要打包的目录：

javascript module.exports = { //... output: { path: path.resolve(__dirname, 'dist'), filename: '[name].bundle.js' }, //... };

1. 在你的项目中，你可以使用 webpack-gulp-plugin 来处理 bundle。你只需要在你的配置文件中添加以下代码：

javascript module.exports = { //... plugins: [ new webpack.optimize.GzipPlugin(), new webpack.optimize.OccurrenceOrderPlugin(), new webpack.optimize.DedupePlugin() ], //... };

1. 最后，你只需要运行你的项目即可。webpack 将会根据你的配置文件将所有组件和其依赖的模块打包在一起。

注意，这只是一个基本的例子。实际上，你可能需要根据你的具体需求来调整你的配置文件。例如，你可能需要根据你的模块的大小来决定 bundle 的大小，或者你可能需要根据你的项目的需求来决定 bundle 的命名规则。