select html 某個頁面會用到什么？

Question

該項目

我有一個項目，其中網站視圖是使用 Pug 編寫的，然后編譯為 HTML。

index.pug ---> index.html

因為我希望項目不止一頁，所以我也有這個：

關於.pug ---> 關於.html

現在，這些頁面中的每一個都有條目，在webpack.config.js中：

{
  entry: {
    index: ['scripts/index.ts'],
    about: ['scripts/about.ts'],
  }
}

我認為將兩者都放在一個包中並不好，因為每個頁面條目都有唯一的導入模塊（也就是說：如果我知道我在說什么）。

問題

當生成 HTML 時， html-webpack-plugin自動在兩個頁面中注入兩個包，這比我剛才解釋的更糟糕。

我怎樣才能告訴它只注入我想要的包？

ps：我嘗試在*.pug文件中手動包含它們中的每一個。 雖然，生成的包文件名具有哈希值，以實現緩存破壞。

Answer 1

在寫這個問題之前，我花了三個小時尋找解決方案。

雖然，提交后，我立即刷新搜索頁面並找到了解決方案。

這是關於大塊的。

您將 hash 的選項傳遞給html-webpack-plugin ，其中有一個名為“chunks”的屬性。 此屬性可以采用字符串數組，其中包含所需條目的名稱。

{
  plugins: [

    new HtmlWebpackPlugin({
      template: 'views/index.pug',
      scriptLoading: 'defer',
      filename: 'index.html',
      chunks: [
        "index"
      ]
    }),

    new HtmlWebpackPlugin({
      template: 'views/about.pug',
      scriptLoading: 'defer',
      filename: 'about.html',
      chunks: [
        "about"
      ]
    }),

    new HtmlWebpackPugPlugin()
  ]
}

抱歉，添麻煩了。