webpack動態建立入口

2021-09-11 14:14:56 字數 856 閱讀 6583

專案的架子是下面這樣的。

按照網上大多數的配置如下。

// 入口檔案的配置

entry:

// 外掛程式檔案新增

new htmlwebpackplugin(,

})new htmlwebpackplugin(,

})new htmlwebpackplugin(,

})複製**

大量的重複性**看著就難受,所以我們就需要將這些提取簡化成方法。

const glob = require('gob')

function getentry() ;

let srcdirname = './src/views/*/index.js'; //入口資料夾路徑

glob.sync(srcdirname).foreach(function (name) );

return entry;

} function getplugins() ,

}))});

} module.export =

複製**

這樣後面維護的人只需要按照這個規則建新的目錄就好了,而不用每次都去修改webpack的配置了。 但是這樣本地啟動服務的時候還有點問題,因為我們還沒有修改webpackdevserver的配置。

// 指明哪些路徑對映到哪個html

function getrewrites ());

});return list;

} // 修改webpackdevserver配置

historyapifallback:

複製**

這樣就ok了?。

webpack 多入口配置

順著官網的操作,我們可以本地測試起我們的專案 npm run dev,首先我們要理解webpack打包主要是針對js,檢視下面生成的配置,首頁是index.html,模版用的index.html,入口檔案用的mian.js file build webpack.base.conf.js entry ...

RPM包建立入門

預設的工作區為 usr src redhat 通過配置檔案rpmmacros指定 cat rpmmacros topdir root helloworld end 這個配置也可以用命令列來指定 rpmbuild define topdir root helloworld mkdir p root h...

webpack 多入口打包分析

文章最後都是老夫精挑細選的乾貨哦 1 為什麼需要多入口打包?或者說什麼時候需要多入口打包?先從但入口打包說起,單入口也就是常見的單頁面應用,就是任何使用者想訪問我這個 必須且通過這乙個唯一的入口 比如我們開發了乙個 外賣 10.79.64.4 8080 index.html,主頁 有很多吃的種類,比...