2016-11-04 6 views
1

Я пытаюсь передать заголовок HTML-WebPack-плагин, но он не создает тег заголовка на всех :(Webpack HTML-WebPack-плагин название не работает

Может кто-нибудь показать мне, где проблема

webpack.js

var HtmlWebpackPlugin = require('html-webpack-plugin'); 
var webpack = require('webpack'); 

module.exports = { 
    entry: ['./src/app/main.ts'], 
    output: { 
     filename: 'build.js', 
     path: 'dist' 
    }, 
    resolve: { 
     root: __dirname, 
     extensions: ['', '.ts', '.js', '.json'] 
    }, 
    resolveLoader: { 
     modulesDirectories: ["node_modules"] 
    }, 
    devtool: "source-map", 
    plugins: [ 
     new HtmlWebpackPlugin({ 
      title : 'Hello', 
      template: './src/index.html', 
      inject: 'body', 
      hash: true, 
     }) 
    ], 
    module: { 
     loaders: loaders 
    } 
}; 

А вот index.html

<!doctype html> 
<html lang="en"> 
<head> 
    <noscript> 
     <meta http-equiv="refresh" content="0; url=https://en.wikipedia.org/wiki/JavaScript"> 
    </noscript> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> 
</head> 
<body> 
    <ui-view></ui-view> 
</body> 
</html> 

Когда я запускаю заголовок сервера webpack, не вводится?

ответ

0

Этот вопрос был отмечен здесь Title not working. #176

Если вы хотите добавить динамический <title> тег, вы должны использовать язык шаблонов, как ejs, jade, ...

1

Попробуйте <title><%= htmlWebpackPlugin.options.title %></title> в вашем HTML файле , Для справки вы можете проверить файл index.html в моих репозиториях webpack-setup.