webpack構建多頁面工程

    很多時候一個工程需要多個單頁面應用（多入口），用於不同的模塊，或者不同的端。

    1.注意點：webpack構建出來的多頁面，每個頁面都是不相關的，js運行環境不同，window對象不同，如果是Vue，那麼每個頁面的vue實例不同，每個vue實例都有自己的vuex、router。

    2.根據文件目錄自動生成entry

目錄結構：

       

代碼：

let entryFileType = 'index.js';

let getEntry = () => {
  glob.sync(`./src/pages/**/${entryFileType}`).forEach(_path => {
    const chunk = _path.split('./src/pages/')[1].split(`/${entryFileType}`)[0];
    entries[chunk] = _path;
  });
  return entries;
};

 

參考：

https://juejin.im/post/5b9491a6f265da0ab5035df8

https://juejin.im/entry/5a463e2bf265da4321545ed1

https://juejin.im/post/5cdfcd4f6fb9a07ed36e7958#heading-0

https://juejin.im/post/5a8e3f00f265da4e747fc700