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配置为写入文件，由＆＃34;输出＆＃34;表示。配置中的属性。

然而，当我使用webpack-dev-server时，它会创建一个版本，但它不会把它写入＆＃34;输出＆＃34;它似乎只是将它提供给浏览器。

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

Answer 1

我认为答案只是使用webpack --watch，我无需使用webpack-dev-server作为我的用例。

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

1 个答案: