配置 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 时，它会创建一个构建，但它不会将其写入 "output" 文件，似乎仅将其提供给浏览器。

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

Answer 1

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

配置 webpack 写入文件并观察变化

Configure webpack to write to file and watch for changes

incremental-build

webpack

webpack-dev-server