Связывание css-файла из папки активов в файл HTML-шаблона webpack - PullRequest
Новая
       13

Связывание css-файла из папки активов в файл HTML-шаблона webpack

0 голосов
/ 09 ноября 2018

У меня есть шаблон HTML-файла, как это 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>aquaWeb</title>
    <link rel="stylesheet" type="text/css" href="???">        
  </head>
  <body>
    <div id="app">
        <div class="some-placeholder">
            I want to stylize this placeholder
        </div>
    </div>
  </body>
</html>

Я хочу стилизовать заполнитель с помощью правил, определенных в /assets/css/placeholder.css. Как я могу прикрепить этот CSS файл в этот шаблон?

1 Ответ

0 голосов
/ 09 ноября 2018

Вы можете использовать html-webpack-include-assets-plugin, чтобы добавить внешние активы в HTML. 

var HtmlWebpackIncludeAssetsPlugin = require('html-webpack-include-assets-plugin');

/// ...

plugins: [
  new HtmlWebpackPlugin(),
  new HtmlWebpackIncludeAssetsPlugin({ 
     assets: [
        'path/to/your/css/placeholder.css'
     ], 
     append: true })
]
...