Как правильно настроить webpack-dev-server - PullRequest
Новая
       57

Как правильно настроить webpack-dev-server

0 голосов
/ 06 апреля 2020

Существует такая сборка ... 

const webpack = require('webpack');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');


const webpackConf = {
    entry: './frontend/app/app.js',
    output: {
        path: path.resolve(__dirname, './production'),
        filename: 'bundle.js',
        publicPath: 'production/'
    },
    devServer: {
        port: 80,
        overlay: true,
    },
    plugins: [
        new HtmlWebpackPlugin({
            filename: './index.html', // Comment №1 
            template: './frontend/main_pages/tamplate_en.html',
            title: "Index"
        }),
        new CleanWebpackPlugin()
    ]
};


module.exports = () => {
    return webpackConf;
};

Здесь все работает, но как только я изменяю путь для создания index.html * (см. Комментарий № 1 выше в код) *, publicPath: 'production /' does not see index.html`

Что просто не пробовал

publicPath: 'production / main-pages /'

publicPath: 'main-pages /'

Вот что я получаю ...

rr

Единственное, что я придумал, - это изменение пути для создания index.html

С помощью production установите один путь и development другой ...

Will такое решение будет правдой или есть способ проще решить эту проблему?

...