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

View File

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