Webpack构建未更改的文件并且整体花费太多时间

时间:2018-05-26 21:38:14

标签: webpack

我在webpack上没有太多经验,所以我不知道这是否正常但是webpack似乎构建了我的所有文件,即使是那些我每次都没有修改的文件

因此,随着我的项目增长(7秒甚至更长),构建时间变得越来越长

对于我做的每一个小改变,等待7秒都是非常令人沮丧的

这是我的webpack配置:

module.exports = {
  entry: ['babel-polyfill', './src/browser/index.js'],
  output: {
    path: __dirname + '/public',
    filename: 'bundle.js'
  },
  resolve: {
    alias: {
      Components: __dirname + '/src/browser/components',
      Actions: __dirname + '/src/browser/actions',
      Reducers: __dirname + '/src/browser/reducers',
      Utils: __dirname + '/src/utils'
    }
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['es2015', 'react', 'stage-2', 'stage-0'],
            plugins: ["transform-class-properties"]
          }
        }
      },
      {
        test:  /\.scss$/,
        use: [
          'style-loader',
          'css-loader',
          'sass-loader'
        ]
      },
      {
        test: /\.css$/,
        use: [ 'style-loader', 'css-loader' ]
      },
      {
        test: /\.(png|jpg|gif)$/,
        use: {
          loader: 'file-loader',
          options: {}
        }
      }
    ]
  },
  stats: {
    warnings: false
  },
  devtool: 'inline-source-map'
};

0 个答案:

没有答案