Sass “网页包”;“热重新加载”;或;“实时重新加载”;无礼?

Sass “网页包”;“热重新加载”;或;“实时重新加载”;无礼?,sass,reload,webpack,Sass,Reload,Webpack,有没有办法让webpack“重新编译”sass并动态重新加载页面 我一直在四处寻找,但没有找到一个例子 以下是我得到的: 我的文件夹结构 -app ---public ------dist ---------index.html ---------sass ------------webpack.scss 似乎我的sass只在运行webpack时重新编译,但在运行webpack dev服务器时它不会重新编译 var path = require('path'); var ExtractText

有没有办法让webpack“重新编译”sass并动态重新加载页面

我一直在四处寻找,但没有找到一个例子

以下是我得到的:

我的文件夹结构

-app
---public
------dist
---------index.html
---------sass
------------webpack.scss
似乎我的sass只在运行
webpack
时重新编译,但在运行
webpack dev服务器时它不会重新编译

var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var webpack = require('webpack');

module.exports = {
  entry: {
    app: './app/main.js',
    //All 3rd party source
    vendor: ['react', 'redux', 'lodash']
  },
  output: {
    path: path.join(__dirname, 'app', 'public', 'dist'),
    publicPath: '/app/public/dist/',
    filename: 'app.js'
  },
  module: {
    loaders: [
      { test: /\.js$/, loaders: ['react-hot', 'babel'], exclude: /node_modules/ },
      { test: /.jsx?$/, loader: 'babel-loader', exclude: /node_modules/ },
      { test: /\.css/, loader: ExtractTextPlugin.extract('css') },
      { test: /\.scss$/, loader: ExtractTextPlugin.extract('!css!sass?sourceMap') }
    ]
  },
  sassLoader: {
    includePaths: [ path.resolve(__dirname, './app/public/sass/')]
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.js", Infinity),
    new ExtractTextPlugin('./css/style.css',{
            allChunks: true
        })
  ],
  debug: true,
  //watch: true
};

看起来我有一个热重新加载错误,必须使用node启动webpack(因为我包含了新的webpack.HotModuleReplacementPlugin()),您能详细说明一下如何解决这个问题吗?我也遇到了类似的问题。看起来我出现了热重新加载错误,必须使用node启动webpack(因为我包含了新的webpack.HotModuleReplacementPlugin()),您能详细说明一下如何解决这个问题吗?我也有类似的问题。