Web-сервер разработки с записями веб-сайтов и веб-сайтов игнорирует html -webpack-plugin - PullRequest
Новая
       55

Web-сервер разработки с записями веб-сайтов и веб-сайтов игнорирует html -webpack-plugin

0 голосов
/ 18 марта 2020

У меня есть две точки входа для моего сервера Webpack. Первое - мое web приложение, а второе - пакет, используемый для веб-работника. Я хотел бы использовать webpack-dev-server для непрерывного построения и обслуживания как веб-приложения, так и веб-работника.

Я написал webpack.config.js следующим образом: 

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

const isProduction = process.env['NODE_ENV'] === 'production';

const mode = isProduction ? 'production' : 'development';

module.exports = [
  {
    mode,
    devtool: isProduction ? null : 'source-map',
    target: 'webworker',
    entry: './worker/worker.fsproj',
    output: {
      filename: 'worker.js',
      path: __dirname,
    },
    module: {
      rules: [
        {
          test: /\.fs(x|proj)?$/,
          use: 'fable-loader'
        },
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader'
          }
        },
      ]
    },
  },
  {
    mode,
    target: 'web',
    entry: './app.fsproj',
    output: {
      filename: '[hash].bundle.js',
      path: path.resolve(__dirname, 'dist')
    },
    devtool: isProduction ? null : 'source-map',
    plugins: [
      new HtmlWebpackPlugin({
        title: 'App',
        template: 'index.ejs',
      }),
    ],
    module: {
      rules: [
        {
          test: /\.fs(x|proj)?$/,
          use: 'fable-loader'
        },
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader'
          }
        },
      ]
    },
    devServer: {
      historyApiFallback: true,
      stats: 'minimal',
      proxy: {
        '/graphql': 'http://localhost:4000',
      },
    },
  },
];

Это правильно собирает рабочий комплект и подает его на /worker.js. Тем не менее, он не обслуживает веб-приложение и вместо этого дает список каталогов.

Как получить Webpack для создания и обслуживания обеих записей?

Обновление

Если я не использую html-webpack-plugin и вместо этого напиши свой index.html тогда Webpack работает корректно.

Итак, вопрос: почему HtmlWebpackPlugin игнорируется при многоконфигурационной сборке Webpack?

...