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

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

974 members

Архив канала @webpack_ru 1 февраля 2018 г.

02:02:13 ПП
02:02:32 ПП
User 210722170
ребят, помогите понять почему hmr не обновляет js файл:
конфиг:
02:02:33 ПП
User 210722170
import path from 'path';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import BrowserSyncHotPlugin from 'browser-sync-dev-hot-webpack-plugin';
import webpack from 'webpack';

let webpackConfig = {
  entry: {
    app: [
      'webpack-hot-middleware/client',
      path.join(__dirname, 'src/js/app.js'),
      path.join(__dirname, 'src/sass/app.scss'),
    ]
  },

  output: {
    filename: 'js/[name].js',
    path: path.join(__dirname, 'dist'),
    publicPath: 'http://localhost:3000/'
  },

  module: {
    rules: [
      {
        test: /\.js$/,
        include: path.join(__dirname, 'src/js'),
        loader: "babel-loader"
      },
      {
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: ['css-loader', 'sass-loader']
        })
      }
    ]
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    // Use NoErrorsPlugin for webpack 1.x
    new webpack.NoEmitOnErrorsPlugin(),
    new ExtractTextPlugin({
      filename: 'css/app.css',
      disable: true,
    }),
    new BrowserSyncHotPlugin({
      browserSync: {
        // open: false,
        reloadDelay: 500,
        proxy: {
          target: 'http://gorch.loc/'
        },
        // files: './.*',
        plugins: [
          {
            module: 'bs-html-injector',
            options: {
              files: './*.html'
            }
          }
        ]
        // files: ["./views/css/*.css"], // extract text plugin disabled
        // plugins: [
        //   {
        //     module: "bs-html-injector",
        //     options: {
        //       files: [/* pwd() + */ "./views/templates//*.tpl"]
        //     }
        //   }
        // ]
      },
      devMiddleware: {
        publicPath: 'http://localhost:3000/'
      },
      hotMiddleware: {
        
      },
      callback() {
        console.log('Callback')
      }
    })
  ]
};

module.exports = webpackConfig;
02:06:25 ПП
User 212795634
User 210722170
import path from 'path';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import BrowserSyncHotPlugin from 'browser-sync-dev-hot-webpack-plugin';
import webpack from 'webpack';

let webpackConfig = {
  entry: {
    app: [
      'webpack-hot-middleware/client',
      path.join(__dirname, 'src/js/app.js'),
      path.join(__dirname, 'src/sass/app.scss'),
    ]
  },

  output: {
    filename: 'js/[name].js',
    path: path.join(__dirname, 'dist'),
    publicPath: 'http://localhost:3000/'
  },

  module: {
    rules: [
      {
        test: /\.js$/,
        include: path.join(__dirname, 'src/js'),
        loader: "babel-loader"
      },
      {
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: ['css-loader', 'sass-loader']
        })
      }
    ]
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    // Use NoErrorsPlugin for webpack 1.x
    new webpack.NoEmitOnErrorsPlugin(),
    new ExtractTextPlugin({
      filename: 'css/app.css',
      disable: true,
    }),
    new BrowserSyncHotPlugin({
      browserSync: {
        // open: false,
        reloadDelay: 500,
        proxy: {
          target: 'http://gorch.loc/'
        },
        // files: './.*',
        plugins: [
          {
            module: 'bs-html-injector',
            options: {
              files: './*.html'
            }
          }
        ]
        // files: ["./views/css/*.css"], // extract text plugin disabled
        // plugins: [
        //   {
        //     module: "bs-html-injector",
        //     options: {
        //       files: [/* pwd() + */ "./views/templates//*.tpl"]
        //     }
        //   }
        // ]
      },
      devMiddleware: {
        publicPath: 'http://localhost:3000/'
      },
      hotMiddleware: {
        
      },
      callback() {
        console.log('Callback')
      }
    })
  ]
};

module.exports = webpackConfig;
module.hot.accept гугли
02:08:47 ПП
User 210722170
User 212795634
module.hot.accept гугли
а разве плагин browser-sync'a вместе с webpack-dev/hot-middleware не должен это делать?
02:09:08 ПП
User 212795634
User 210722170
а разве плагин browser-sync'a вместе с webpack-dev/hot-middleware не должен это делать?
бровзерсинк вообще не уперся здесь
02:09:30 ПП
User 212795634
выкинь его
02:10:18 ПП
User 210722170
User 212795634
выкинь его
зачем? как я сервер с wordpress к примеру буду ватчить?
02:10:28 ПП
User 212795634
а ну тогда оставь
02:10:35 ПП
User 212795634
но не коннекть его к вебпаку
04:44:06 ПП
User 310954658
какой плагин может сасс перевести к ксс
04:44:13 ПП
User 310954658
и вынесет в отдельный файл
04:45:08 ПП
User 1040677
sass-loader и extract-text-plugin
05:48:05 ПП
User 371133717
cache-loader/thread-loader/HappyPack + ts-loader + vue-loader  - не работают вместе, кто-то сталкивался?
11:23:16 ПП
User 76662447
У тс вообще всё грустно с этим
11:23:25 ПП
User 76662447
HappyPack тупо не работал, без вариантов
11:23:31 ПП
User 76662447
Как сейчас не знаю