html-webpack-plugin не вставляет css и метатег в файл генерации

Я запускаю свое приложение vue с веб-пакетом, в котором используется простой шаблон веб-пакета. Моя настройка веб-пакета:

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

происхождениеHTML:

<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>

сгенерировать HTML:

<!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-файл?


webpack html-webpack-plugin
person Jerry    schedule 27.04.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Ваш веб-пакет не захватывает исходный HTML-шаблон. Он просто создает новый, как вы можете видеть по тегу <title> в вашем выходном html.

Измените конфигурацию, чтобы HTMLWebpackPlugin мог читать файл шаблона:

{
  ...
  plugins: [
    new HtmlWebpackPlugin({
      title: 'My App',
      filename: 'assets/admin.html'
    })
  ]
}
person Community    schedule 27.04.2017
comment
Я установил так: плагины: [ новый HtmlWebpackPlugin ({имя файла: 'dist/index.html', шаблон: 'index.html' }) ], но он все равно не работает - person Jerry; 27.04.2017
comment
@user6542007 user6542007 Находится ли файл index.html в том же каталоге, что и конфигурация веб-пакета, и находится ли файл html в папке dist/? Можете ли вы показать мне его содержимое? - person ; 27.04.2017
comment
@user6542007 user6542007 Вы правильно указали загрузчик html? github.com/jantimon/html-webpack- плагин/блоб/мастер/документы/ - person ; 27.04.2017
comment
Может быть, все, что вы сказали, я установил правильно. Вы можете увидеть этот захват.!захват - person Jerry; 28.04.2017