webpack、vue新增網站頭像
阿新 • • 發佈：2018-12-26
在 webpack.prod.config.js 檔案中
引入
const HtmlWebpackPlugin = require('html-webpack-plugin');
然後
new HtmlWebpackPlugin({ title: '花瓣工作臺' + package.version, favicon: './huaban.ico', filename: '../index.html', inject: false })
| 名稱 | 型別 | 預設 | 描述 |
title |
{String} | `` | 用於生成的HTML文件的標題 |
filename |
{String} | 'index.html' | 要寫入HTML的檔案。預設為index.html。您可以在這裡指定一個子目錄太（如：assets/admin.html） |
template |
{String} | `` | webpack需要路徑到模板。請參閱文件的詳細資訊 |
templateParameters |
{Boolean\|Object\|Function} | `` | 允許覆蓋模板中使用的引數 |
inject |
{Boolean\|String} | true | true \|\| 'head' \|\| 'body' \|\| false將所有資產注入給定template或templateContent。當傳遞true或'body'所有JavaScript資源將被放置在正文元素的底部。'head'將指令碼放置在head元素中 |
favicon |
{String} | `` | 將給定的圖示路徑新增到輸出HTML |
minify |
{Boolean\|Object} | true |
將html-minifier的選項作為物件來縮小輸出 |
hash |
{Boolean} | false | 如果true將webpack所有包含的指令碼和CSS檔案附加一個獨特的編譯雜湊。這對快取清除非常有用 |
cache |
{Boolean} | true | 僅在檔案被更改時才發出檔案 |
showErrors |
{Boolean} | true | 錯誤細節將寫入HTML頁面 |
chunks |
{?} | ? | 允許你只新增一些塊（例如只有單元測試塊） |
chunksSortMode |
{String\|Function} | auto | 允許控制chunk在被包含到HTML之前應該如何排序。允許的值是'none' \| 'auto' \| 'dependency' \| 'manual' \| {Function} |
excludeChunks |
{String} | `` | 允許你跳過一些塊（例如，不要新增單元測試塊） |
xhtml |
{Boolean} | false | 如果 現為自動關閉（符合XHTML） |