Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.01.2018, 17:47
Новичок на форуме
Отправить личное сообщение для oilPersonage Посмотреть профиль Найти все сообщения от oilPersonage
 
Регистрация: 15.01.2018
Сообщений: 1

Webpack + html-loader + dev-server
Здравствуйте, подскажет пожалуйста.

почему у меня не происходит перезагрузка html страницы, с js, css все хорошо.
const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const merge = require('webpack-merge');
const html = require('./webpack/html');
const devserver = require('./webpack/devserver');
const sass = require('./webpack/sass');
const css = require('./webpack/css');
const extractCSS = require('./webpack/css.extract');
const uglifyJS = require('./webpack/js.uglify');
const images = require('./webpack/images');
const fonts = require('./webpack/fonts');
const reactJs = require('./webpack/React');

const PATHS = {
    source: path.join(__dirname, 'source'),
    build: path.join(__dirname, 'build')
};

const common = merge([
    {
        entry: {
            // dev: 'webpack-dev-server/client?http://localhost:9000'
            index: PATHS.source + '/js/index.js'
        },
        output: {
            path: PATHS.build,
            filename: 'js/[name].js'
        },
        plugins: [
            new HtmlWebpackPlugin({
                filename: 'index.html',
                chunks: ['index', 'common'],
                template: PATHS.source + '/index.html'
            }),
            new webpack.HotModuleReplacementPlugin()
        ]
    },
    html(),
    reactJs(),
    images(),
    fonts()
]);

module.exports = function(env) {
    if (env === 'production'){
        return merge([
            common,
            extractCSS(),
            uglifyJS()
        ]);
    }
    if (env === 'development'){
        return merge([
            common,
            devserver(),
            sass(),
            css()
        ])
    }
};


.babelrc
{
  "plugins": ["react-hot-loader/babel"]
}


html-loader
module.exports = function () {
    return {
        module: {
            rules: [
                {
                    test: /\.html$/,
                    loader: 'html-loader',
                    options: {
                        pretty: true
                    }
                }
            ]
        }
    }
};


dev-server
module.exports = function () {
    return {
        devServer: {
            stats: 'errors-only',
            port: 3000,
            contentBase: "/source/",
            hot: true,
        }
    }
};


Спасибо за ранее!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Диалог между HTML и внешним JS в контексте расширения GoogleChrome ev1lart Events/DOM/Window 0 26.04.2017 19:25
webpack 1.12.13 ругается Cannot resolve 'file' or 'directory' ./img/readme2.png alexandr2006 Сборка проекта, утилиты 4 11.02.2017 22:09
Webpack'а тред nerv_ Сборка проекта, утилиты 58 07.05.2016 13:46
webpack sass loader падает kuzroman Сборка проекта, утилиты 1 07.10.2015 16:07
Преобразовать строку в HTML код (обратное htmlspecialchars из php) daslex Общие вопросы Javascript 71 23.08.2015 20:41