Question

所以我使用webpack-dev-server及其实时重载功能。我在一台Windows机器上。当我更改js文件时，它似乎正在重新加载浏览器，但它不会重建捆绑包。这是我的webpack配置文件

var webpack = require("webpack");
var path = require('path');

module.exports = {
  entry: ['./app/thirdparty', "./app/app.js"],
  output: {
    filename: "./build/bundle.js",
    publicPath: "/assets/"
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ],
  module: {
    loaders: [{
      test: /\.js$/,
      exclude: /node_modules/,
      loader: "babel-loader"
    }]
  },
  resolve: {
    extensions: ['', '.js', '.es6']
  },
  include: path.join(__dirname, 'app')
}

我试图用

运行它

webpack-dev-server

和

webpack-dev-server --hot

但捆绑包没有重建

Answer 1

所以我解决了自己的问题。我有一个文件看起来像：

output: {
   filename: "./build/bundle.js",
   publicPath: "/assets/"
}

我把它改成了

output : {
    path: path.resolve('build/js'),
    publicPath: "/public/js/",
    filename : "bundle.js",

}

这意味着它将创建一个最终将在/build/js/bundle.js中的bundle.js 但是由于如何指定publicPath，它需要在index.html中作为public / js / bundle.js引用。还在运行

webpack-dev-server --inline

让一切顺利。很明显，一旦你理解了网页包我猜...

Webpack - 在Windows中没有重建捆绑

1 个答案: