2017-02-16 177 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之前

類似這樣的東西?