2016-10-17 7 views
1

angular2-seedにいくつかの奇妙な記号< %%>が見つかりました。何が< %%>ですか?完全なページがブラウザ要求への応答として送信される前に、通常はHTTPサーバのコードで処理され、動的に生成された文字列に置き換えられていますhtmlタグのパーセント記号式の意味は?

https://github.com/AngularClass/angular2-webpack-starter/blob/master/src/index.html

<!DOCTYPE html> 
 
<html lang=""> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta http-equiv="x-ua-compatible" content="ie=edge"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 

 
    <title><%= htmlWebpackPlugin.options.title %></title> 
 

 
    <meta name="description" content="<%= htmlWebpackPlugin.options.title %>"> 
 

 
    <% if (webpackConfig.htmlElements.headTags) { %> 
 
    <!-- Configured Head Tags --> 
 
    <%= webpackConfig.htmlElements.headTags %> 
 
    <% } %> 
 

 
    <!-- base url --> 
 
    <base href="<%= htmlWebpackPlugin.options.metadata.baseUrl %>"> 
 

 

 
</head> 
 

 
<body> 
 

 
    <app> 
 
    Loading... 
 
    </app> 
 

 
..... 
 

 
    <% if (htmlWebpackPlugin.options.metadata.isDevServer && htmlWebpackPlugin.options.metadata.HMR !== true) { %> 
 
    <!-- Webpack Dev Server reload --> 
 
    <script src="/webpack-dev-server.js"></script> 
 
    <% } %> 
 

 

 
</body> 
 
</html>

+1

この質問を投票する理由はありますか?私も同じ質問があります。 – Elaine

答えて

1

例えば参照してください。 、テンプレートファイルを指し、テンプレートe ngineはhtmlファイルにデコードするのに役立ちます。

/* 
    * Plugin: HtmlWebpackPlugin 
    * Description: Simplifies creation of HTML files to serve your webpack bundles. 
    * This is especially useful for webpack bundles that include a hash in the filename 
    * which changes every compilation. 
    * 
    * See: https://github.com/ampedandwired/html-webpack-plugin 
    */ 
    new HtmlWebpackPlugin({ 
    template: 'src/index.html', 
    title: METADATA.title, 
    chunksSortMode: 'dependency', 
    metadata: METADATA, 
    inject: 'head' 
    }), 

これはあなたが把握しようとしていたものだと思います。

関連する問題