摘要:默認不對文件進行壓縮。中集成的,生成模板文件壓縮配置,有很多配置項,這些配置項就是的壓縮選項值。給生成的文件尾部添加一個值。錯誤信息是否寫入文件。默認在文件中引用哪些文件用于多入口文件時。
title
生成頁面的titile元素
filename生成的html文件的文件名。默認index.html,可以直接配置帶有子目錄
</>復制代碼
//webpack.config.js
...
plugins: [
new HtmlWebpackPlugin({
...
filename: "index1.html"http://可帶子目錄"html/index1.html"
})
]
template
模版文件路徑
templateParameters{Boolean|Object|Function} 允許覆蓋模板中使用的參數
</>復制代碼
//webpack.config.js
...
plugins: [
new HtmlWebpackPlugin({
...
templateParameters: {
title: "xxxx",
favicon: "./favicon/index.ico",
}
})
]
inject
插入的script插入的位置,四個可選值:
true: 默認值,script標簽位于html文件的body底部
body: 同true
head: script標簽位于html文件的head標簽內
false: 不插入生成的js文件,只是生成的html文件
為生成的html文件生成一個favicon,屬性值是路徑
minify對html文件進行壓縮。屬性值是false或者壓縮選項值。默認false不對html文件進行壓縮。
html-webpack-plugin中集成的html-minifier,生成模板文件壓縮配置,有很多配置項,這些配置項就是minify的壓縮選項值。
給生成的js文件尾部添加一個hash值。這個hash值是本次webpack編譯的hash值。默認false;
</>復制代碼
//webpack.config.js
...
plugins: [
new HtmlWebpackPlugin({
...
hash: true
})
]
</>復制代碼
//html
- //59a5ed17040d94df87fe是本次webpack編譯的hash值
Boolean類型。只在文件被修改的時候才生成一個新文件。默認值true
Boolean類型。錯誤信息是否寫入html文件。默認true
在html文件中引用哪些js文件,用于多入口文件時。不指定chunks時,所有文件都引用
//webpack.config.js
與chunks相反,html文件不引用哪些js文件
//webpack.config.js
控制script標簽的引用順序。默認五個選項:
none: 無序
auto: 默認值, 按插件內置的排序方式
dependency: 根據不同文件的依賴關系排序
manual: chunks按引入的順序排序, 即屬性chunks的順序
{Function}: 指定具體的排序規則
Boolean類型,默認false, true時以兼容xhtml的模式引用文件
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/97795.html
摘要:所有的這些都是的功勞。默認為根據自己的指定的模板文件來生成特定的文件。最終在文件夾內會生成一個和文件。屬性值為文件所在的路徑名。默認值為不對生成的文件進行壓縮。選項的作用主要是針對多入口文件。不用說,按照不同文件的依賴關系來排序。
摘要:還記得我們上文中的文件嗎那里面的標簽還是寫死的文件,那么怎么把他們變成動態的文件,這個動態生成的文件會動態引入我們打包后生成的文件呢,我們可以使用插件,首先安裝這個插件,好的,接下來就開始用這個插件了官方參考文檔插件通用用法
摘要:可以根據你設置的模板,在每次運行后生成對應的模板文件,同時所依賴的也都會被引入,如果中含有值,則生成的模板文件也會引入正確版本的文件。
摘要:在的配置項中,可能會見到這樣的字符。的情況的可以指定。值是特定于整個構建過程的。。因此,以上兩個值中更推薦的是。中的則和前面的一樣,指定了結果的截取長度。的情況被引用的通過來得到帶的文件。所以,這可能并不是我們想要的。
摘要:關于模板的有好幾種。一次安裝所有的大家可以了解一些的用法把編譯成。安裝參考文檔功能將源文件遷移到指定的目錄,返回新的文件路徑。安裝用法它會將所有的入口中引用的移動到和頁面對應的獨立分離的文件。
閱讀 822·2021-11-22 15:25
閱讀 1428·2021-09-08 09:45
閱讀 1721·2021-09-02 09:46
閱讀 1315·2019-08-30 15:56
閱讀 1542·2019-08-29 15:14
閱讀 1170·2019-08-29 13:06
閱讀 2021·2019-08-29 12:34
閱讀 1411·2019-08-26 12:14