2017-02-16 134 views
0

关于webpack的问题。使用webpack捆绑模块时根据入口点的位置运行应用程序。此时,当入口点设置为多个时,将创建一个由入口点数构建的文件。在捆绑webpack时,我可以捆绑通用模块吗?

如果束被捆绑到一个条目的基础上的Web包,它们可以被捆绑成束A和B.此时,我使用了一种叫做HELLO所述的包模块和被叫HELLO在乙模块模块。

此时,捆绑网络包时,只有共用的模块(HELLO模块)才会被捆绑在一起。

我可以制作一个包,B包,H包吗?我想在捆绑中调用H捆绑并使其可用。

以下是我的webpack代码。我使用多个条目,以多管束

module.exports = { 
    devtool: 'source-map', 
    entry: ['./public/js/index.ts', './public/js/admin/member.ts'], 
    output: { 
     path: 'dist/public/js', 
     filename: '[name].js' 
    }, 
    module: { 
     loaders: [{ 
      test: /\.tsx?$/, 
      loader: 'ts-loader', 
      options: { 
       transpileOnly: true 
      } 
     }] 
    }, 
    resolve: { 
     extensions: [".ts", ".js"] 
    } 
}; 

回答

0
module.exports = { 
    devtool: 'source-map', 
    entry: { 
    A: ['./public/js/index.ts'], 
    B: ['./public/js/admin/member.ts'] 
    }, 
    output: { 
    path: 'dist/public/js', 
    filename: '[name].js' 
    }, 
    module: { 
    loaders: [{ 
     test: /\.tsx?$/, 
     loader: 'ts-loader', 
     options: { 
      transpileOnly: true 
     } 
    }] 
    }, 
    resolve: { 
    extensions: [".ts", ".js"] 
    }, 
    plugins: [ 
    new CommonsChunkPlugin({ 
    name: 'H', 
    minChunks: 2 
    }) 
}; 

的WebPack将使A.js,B.js和H.js其中H.js将共用模块A和B使用。但是H必须首先通过脚本标签包括在包括A和B之前

类似这样的东西?