webpack配置(第四步 html篇(高階篇))

2021-09-20 08:19:58 字數 1900 閱讀 7865

const path = require('path');

let htmlwebpackplugin = require('html-webpack-plugin');//引入html-webpack-plugin外掛程式

let export_html= ,

output: ,

module: },]

},plugins: [

//new乙個模板出來,這乙個不使用chunks

new htmlwebpackplugin(),

//new乙個模板出來

new htmlwebpackplugin()

]

};module.exports=export_html;

看plugins這裡

//new乙個模板出來,這乙個不使用chunks        

new htmlwebpackplugin(),

//new乙個模板出來

_build目錄下的home1.html檔案

_build目錄下的home2.html檔案

可以看到,home1.html引入了兩個js檔案,而且main1.js排在main.js前面,

而home2.html,只引入了指定的main.js;

在home2.html的chunks加上:main1

//new乙個模板出來

因為chunks裡,main在main1之前,所以引入的檔案也是按照這個順序來的;

順序的問題主要歸功於:這一條屬性

chunkssortmode: 'manual',//將chunks按引入的順序排序,不用這個的話,引入到html的js可能是錯亂排序的
每次都這樣new很麻煩,故而寫個函式簡化過程

let get_html = function(name,chunk)

};

此時,webpack.config.js:

const path = require('path');

let htmlwebpackplugin = require('html-webpack-plugin');//引入html-webpack-plugin外掛程式

let get_html = function(name,chunk)

};let export_html= ,

output: ,

module: },]

},plugins: [

//new乙個模板出來測試一下

new htmlwebpackplugin(get_html("home","main1"))

]

};module.exports=export_html;

結果:

成功!

Python學習之第四步

一 序列與列表與元組的關係和建立 序列,指的是一種包含多項資料的資料結構,序列包含多個資料項 也叫成員 按順序排列,可通過索引 也叫下標 來序列成員 python常見的序列包括字串 元組和列表等,位元組串 bytes 也是序列,namedtuple也是序列。區別 1 列表是可變的,元組是不可變的 元...

萬里征程第四步

張存超php技術部落格 今天不談技術,技術永遠是最簡單的東西。不過話說回來,如果有這樣乙個機會,讓我一直能夠從事程式有關的工作,我是很願意的慢慢的,其實自己已經真的喜歡上了程式設計,做這樣的東西其實是很有成就感的,因為你看著他隨著你的思路,慢慢的展現出你要的效果,是很有成就的一件事情。其實,最近的心...

創業第四步 在前進中尋找方向

在開始做了之後,慢慢的,我們會發現,原來之前所想的很大一部分和現實是有出入的。隨著不斷的接觸想要做的行業,知識的增加,原來的想法會慢慢的發生改變,這時,我們要注意 小範圍和策略性的修改是沒有問題的,能完善我們的計畫,但是目標的改變是不可取的,那意味著我們要重新開始.這幾天,我正在面臨著選擇.當初選擇...