webpack - 配置 webpack 以写入文件并监视更改

Question

我有这个 webpack 配置:

module.exports = {

  entry: ['babel-polyfill', './lib/index.js'],

  output: {
    path: path.resolve(__dirname + '/dist'),
    filename: 'suman.js'
  },

  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        options: {
          presets: ['latest'],
          plugins: ['transform-runtime']
        }
      },
      {
        test: /(\/lib\/init\/|cli.js$)/,
        loader: 'ignore-loader'
      }
    ]
  },

  resolve: {
    alias: {
      fs: require.resolve('suman-browser-polyfills/modules/fs'),
      // assert: require.resolve('suman-browser-polyfills/modules/assert'),
      process: require.resolve('suman-browser-polyfills/modules/process'),
    },
    extensions: ['.js']
  }
};

如您所见，Webpack 配置为写入文件，由配置中的“output”属性表示。

但是，当我使用 webpack-dev-server 时，它会创建一个构建，但不会将其写入“输出”文件，它似乎只是将其提供给浏览器.

我想做的是让 Webpack 进行增量构建，但在更改时写入文件。

Answer 1

我相信答案只是使用webpack --watch，我不需要在我的用例中使用webpack-dev-server。