recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - Petits problèmes rencontrés lors de l'utilisation du plug-in html-webpack-plugin dans Vue.

Le fichier index.html de vue contiendra un nœud monté, qui est <p id='app'> </p> , 但是如果我用html-webpack-plugin的时候,生成的html文件中不包含<p id='app'> </p> ce point de montage. Je n'ai pas trouvé de solution après avoir lu la documentation du plug-in. Comment dois-je procéder ?

怪我咯怪我咯2751 Il y a quelques jours486

répondre à tous(3)je répondrai

  • 黄舟

    黄舟2017-05-19 10:25:27

    html-webpack-plugin a un attribut template, qui peut spécifier un modèle html dont vous avez besoin. L'utilisation est la suivante : template属性,可以指定一个你自己需要的html模版,用法如下:

    new HtmlWebpackPlugin({
        filename: 'index.html',
        inject: 'body',
        template: 'index.html_vm'
    })

    那么这个index.html_vm

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>demo</title>
    </head>
    <body>
        <p id="app"></p>
    </body>
    </html>

    Alors ce index.html_vm peut ressembler à ceci : 🎜 rrreee

    répondre
    0
  • 为情所困

    为情所困2017-05-19 10:25:27

    Vous devez l'accrocher à la barre index.html d'origine. Webpack n'est pas spécialement utilisé pour vue. htmlWebpackPlugin vous aide uniquement à traiter index.html et à accrocher le script emballé. La structure dom à l'intérieur ne sera pas automatiquement générée pour vous.

    répondre
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:25:27

    Le nœud de montage est remplacé au lieu d'être ajouté au contenu

    répondre
    0
  • Annulerrépondre