Веб-пакет только для вставки переменных в HTML - PullRequest
Новая
       4

Веб-пакет только для вставки переменных в HTML

0 голосов
/ 05 сентября 2018

Я использую базовый пример HtmlWebpackPlugin для добавления переменных в мою HTML-страницу. У меня нет index.js и я не хочу bundle.js. Как я могу исключить dist bundle.js и выводить только обновленный HTML?

webpack.config.js: 

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: 'index.html',
      title: 'HTML Webpack Plugin',
      bar: 'bar'
    })
  ]
};

index.html (шаблон): 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title><%= JSON.stringify(htmlWebpackPlugin.options.title) %></title>
    <script><script src="<%=htmlWebpackPlugin.options.favWord%>/socket.io.js"></script></script> 
  </head>
  <body>
    <h1>Hello, Webpack!</h1>
    <p> My favorite word is <%= JSON.stringify(htmlWebpackPlugin.options.bar) %> </p>
  </body>
</html>

HTML-страница генерируется идеально, просто я не хочу, чтобы генерировался bundle.js.

1 Ответ

0 голосов
/ 09 мая 2019

Старый вопрос, но для всех, кто сталкивается с той же проблемой, вы можете установить для параметра ввода значение false. 

plugins: [
new HtmlWebpackPlugin({
  template: 'index.html',
  title: 'HTML Webpack Plugin',
  bar: 'bar',
  inject: false
})

]

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...