Webpack dev服务器 - 重新加载/重新编译不起作用

时间:2017-02-17 07:14:43

标签: webpack

我正在尝试让WDS自动重新编译并重新加载我的页面。

我的webpack配置如下:

module.exports = {
  devtool: 'eval',
  entry: './app/js/index.js',
  output: {
    filename: './public/js/index.js'
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /(node_modules)/,
        loader: 'babel-loader'
      },
      {
        test: /\.scss$/,
        exclude: /(node_modules)/,
        use: [
          { loader: 'style-loader' },
          { loader: 'css-loader' },
          { loader: 'sass-loader' }
        ]
      }
    ]
  },
  devServer: {
    publicPath: "./public",
    hot: true
  }
};

访问localhost:8080会向我提供index.html页面,但不会输入任何代码。我该怎么办?

我正在使用webpack 2.2.1 webpack dev server 2.3.0。

1 个答案:

答案 0 :(得分:0)

您需要在html页面中引用./public/js/index.js文件。例如,在这种情况下,您需要添加html文件

<head>
    script src="../public/js/index.js" ></script>
<head>

无论如何要回答你的问题,你需要查看你的html文件。