@webpack_ru
Webpack — русскоговорящее сообщество

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 28 января 2018 г.

12:43:23 ДП
12:44:37 ДП
User 212795634
браузер не рефрешится почему-то, дев-сервер работает на одном порту, html отдается с другого сервера
12:44:41 ДП
User 212795634
как решить?
05:34:52 ДП
User 134905826
User 212795634
браузер не рефрешится почему-то, дев-сервер работает на одном порту, html отдается с другого сервера
не знаю точно, но попробуй browser-sync-webpack-plugin -- он умеет proxy
11:07:40 ДП
User 210722170
ребят, нашел плагин https://github.com/itgalaxy/browser-sync-dev-hot-webpack-plugin, но он у меня не работает. моя задача завести горячую подгрузку для browser-sync, так как работаю с wordpress но у меня не получается...
мой конфиг:
import path from 'path';
import config from './config';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import BrowserSyncPlugin from 'browser-sync-dev-hot-webpack-plugin';
import webpack from 'webpack';

const BROWSER_SYNC_OPTIONS = {
  host: 'localhost',
  port: 8000,
  proxy: 'http://webpack.loc',
  files: '*.*'
};
const DEV_MIDDLEWARE_OPTIONS = {
    publicPath: '/'
};
const HOT_MIDDLEWARE_OPTIONS = {
  log: false,
  path: "/",
  heartbeat: 2000
};

const webpackConfig = {
  entry: {
    app: [
      path.join(__dirname, 'source/scripts/app.js'),
    ]
  },

  output: {
    filename: 'scripts/[name].js',
    path: path.join(__dirname, 'dist'),
    pathinfo: true,
    publicPath: '/'
  },

  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new BrowserSyncHotPlugin({
        browserSync: BROWSER_SYNC_OPTIONS,
        devMiddleware: DEV_MIDDLEWARE_OPTIONS,
        hotMiddleware: HOT_MIDDLEWARE_OPTIONS,
        callback() {
            console.log('Callback')
        }
    })
  ]

};

module.exports = webpackConfig;

как я понял то в точку в хода не нужно писать такое 'webpack-hot-module/client...', нужно просто в плагин BrowserSyncPlugin необходимые опции выставить так как если добавить в точку входа 'webpack-hot-module/client...', будет ошибка
github.com/itgalaxy/browser-sync-dev-hot-webpack-plugin
browser-sync-dev-hot-webpack-plugin - Combines BrowserSync, webpack-dev-middleware, and webpack-hot-middleware into one plugin
11:51:31 ДП
User 52321317
User 210722170
ребят, нашел плагин https://github.com/itgalaxy/browser-sync-dev-hot-webpack-plugin, но он у меня не работает. моя задача завести горячую подгрузку для browser-sync, так как работаю с wordpress но у меня не получается...
мой конфиг:
import path from 'path';
import config from './config';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import BrowserSyncPlugin from 'browser-sync-dev-hot-webpack-plugin';
import webpack from 'webpack';

const BROWSER_SYNC_OPTIONS = {
  host: 'localhost',
  port: 8000,
  proxy: 'http://webpack.loc',
  files: '*.*'
};
const DEV_MIDDLEWARE_OPTIONS = {
    publicPath: '/'
};
const HOT_MIDDLEWARE_OPTIONS = {
  log: false,
  path: "/",
  heartbeat: 2000
};

const webpackConfig = {
  entry: {
    app: [
      path.join(__dirname, 'source/scripts/app.js'),
    ]
  },

  output: {
    filename: 'scripts/[name].js',
    path: path.join(__dirname, 'dist'),
    pathinfo: true,
    publicPath: '/'
  },

  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new BrowserSyncHotPlugin({
        browserSync: BROWSER_SYNC_OPTIONS,
        devMiddleware: DEV_MIDDLEWARE_OPTIONS,
        hotMiddleware: HOT_MIDDLEWARE_OPTIONS,
        callback() {
            console.log('Callback')
        }
    })
  ]

};

module.exports = webpackConfig;

как я понял то в точку в хода не нужно писать такое 'webpack-hot-module/client...', нужно просто в плагин BrowserSyncPlugin необходимые опции выставить так как если добавить в точку входа 'webpack-hot-module/client...', будет ошибка
github.com/itgalaxy/browser-sync-dev-hot-webpack-plugin
browser-sync-dev-hot-webpack-plugin - Combines BrowserSync, webpack-dev-middleware, and webpack-hot-middleware into one plugin
Выложи куда-нибудь код. Так его никто смотреть не будет