feat(build): load favicons

pull/2670/head
Chaim Lev-Ari 2018-10-14 20:04:30 +03:00
parent 40fe596e11
commit 34bc20dfed
2 changed files with 16 additions and 11 deletions

View File

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="en" ng-app="portainer">
<html lang="en" ng-app="<%= name %>">
<head>
<meta charset="utf-8">
<title>Portainer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Portainer.io">
<meta name="author" content="<%= author %>">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
@ -15,13 +15,13 @@
<!-- Fav and touch icons -->
<link rel="apple-touch-icon" sizes="180x180" href="ico/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="ico/favicon-16x16.png">
<link rel="manifest" href="ico/manifest.json">
<link rel="mask-icon" href="ico/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="ico/favicon.ico">
<meta name="msapplication-config" content="ico/browserconfig.xml">
<link rel="apple-touch-icon" sizes="180x180" href="${require('../assets/ico/apple-touch-icon.png')}">
<link rel="icon" type="image/png" sizes="32x32" href="${require('../assets/ico/favicon-32x32.png')}">
<link rel="icon" type="image/png" sizes="16x16" href="${require('../assets/ico/favicon-16x16.png')}">
<link rel="manifest" href="${require('../assets/ico/manifest.json')}">
<link rel="mask-icon" href="${require('../assets/ico/safari-pinned-tab.svg')}" color="#5bbad5">
<link rel="shortcut icon" href="${require('file-loader!../assets/ico/favicon.ico')}">
<meta name="msapplication-config" content="${require('file-loader!../assets/ico/browserconfig.xml')}">
<meta name="theme-color" content="#ffffff">
</head>

View File

@ -3,6 +3,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
const WebpackBuildNotifierPlugin = require('webpack-build-notifier');
const CleanTerminalPlugin = require('clean-terminal-webpack-plugin');
const { ProvidePlugin } = require('webpack');
const npmPackage = require('./package.json');
module.exports = {
entry: './app/__module.js',
@ -52,7 +53,11 @@ module.exports = {
mode: 'development',
plugins: [
new HtmlWebpackPlugin({
template: './app/index.html'
template: './app/index.html',
templateParameters: {
name: npmPackage.name,
author: npmPackage.author
}
}),
new WebpackBuildNotifierPlugin({
title: 'My Project Webpack Build',
@ -63,7 +68,7 @@ module.exports = {
new ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
'window.jQuery': 'jquery'
// angular: 'angular'
})
]