html-webpack-pluginは、CSSとメタタグを生成ファイルに挿入しません。

Webpackのシンプルテンプレートを使用するwebpackで私のvueアプリケーションを実行します。マイWebPACKの設定は次のとおりです。html-webpack-pluginは、CSSとメタタグを生成ファイルに挿入しません。

entry: './src/main.js', 
    output: { 
     path: path.resolve(__dirname, './dist'), 
     publicPath: '/dist/', // 由于将index.html打包至dist下，生产环境设为'/' 
     filename: 'build.js' 
    }, 
    plugins: [new HtmlWebpackPlugin()]

originHtml：

<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_9remcre60b3dte29.css"> 
    <title>earease</title> 
    </head> 
    <body> 
    <div id="app"></div> 
    <script src="/dist/build.js"></script> 
    </body> 
</html>

generateHtml：

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8"> 
    <title>earEase</title> 
    </head> 
    <body> 
    <script type="text/javascript" src="/dist/build.js"></script></body> 
</html>

CSSやメタタグが生成されたHTMLファイルに注入しないのはなぜ？

出典

2017-04-27 Jerry

あなたのwebpackはオリジナルのhtmlテンプレートを取得していません。あなたの出力HTMLに<title>タグで見ることができるように、ただ新しいものを生成しています。プラグイン：：[ 新しいHtmlWebpackPlugin（{ ファイル名： 'DIST/index.htmlを'、テンプレート私はこのように設定した

{ 
    ... 
    plugins: [ 
    new HtmlWebpackPlugin({ 
     title: 'My App', 
     filename: 'assets/admin.html' 
    }) 
    ] 
}

出典

2017-04-27 01:49:22

：HTMLWebpackPluginは、テンプレートファイルを読むことができるように

は、あなたの設定を変更

： 'index.html' }） ]でも動作しません – Jerry

@ user6542007 index.htmlファイルはwebpackの設定と同じディレクトリにあり、dist/folderに行くhtmlファイルですか？あなたは私にそれの内容を見せてもらえますか？ –

@ user6542007 htmlローダーを正しく指定しましたか？ https://github.com/jantimon/html-webpack-plugin/blob/master/docs/template-option.md –

html-webpack-pluginは、CSSとメタタグを生成ファイルに挿入しません。

答えて

関連する問題