安装babel后，WebPack无法输出最新文件

Question

在安装babel之前，Webpack工作得很好，但在安装之后，它不会生成最新的文件。我使用的是webpack 4.17.2版和babel加载器8.0.2版。如何解决这个问题，因为我已经将webpack集成到了gulp自动化中。请指导我如何解决这个问题，并纠正它，因为我是第一次使用它。

这是Webpack.config.js文件

var path = require('path');
module.exports = {
    entry: './app/assets/scripts/App.js',
    output: {
        path: path.resolve(__dirname, "./app/temp/script"),
        filename: 'App.js'
    },

    module: {
        rules: [{
            test: /\.js$/,
            exclude: /(node_modules)/,
            use: {
                loader: 'babel-loader',
                options: {
                    presets: ['es2015']
                }
            }
        }]
    }
}

这是Package.json文件

    {
      "name": "travel-site",
      "version": "1.0.0",
      "dependencies": {
        "jquery": "^3.2.1",
        "jquery-smooth-scroll": "2.2.0",
        "lazysizes": "4.0.1",
        "normalize.css": "7.0.0",
        "picturefill": "3.0.2",
        "waypoints": "4.0.1"
      },
      "devDependencies": {
        "@babel/preset-env": "^7.0.0",
        "autoprefixer": "7.1.6",
        "babel-core": "^6.26.3",
        "babel-loader": "^8.0.2",
        "babel-preset-es2015": "^6.24.1",
        "browser-sync": "2.18.13",
        "del": "^3.0.0",
        "gulp": "^3.9.1",
        "gulp-cssnano": "2.1.2",
        "gulp-imagemin": "4.0.0",
        "gulp-modernizr": "1.0.0-alpha",
        "gulp-postcss": "^7.0.0",
        "gulp-rename": "^1.2.2",
        "gulp-rev": "8.1.0",
        "gulp-svg-sprite": "^1.4.0",
        "gulp-svg2png": "^2.0.2",
        "gulp-uglify": "^3.0.0",
        "gulp-usemin": "^0.3.28",
        "gulp-watch": "^4.3.11",
        "postcss-hexrgba": "^1.0.1",
        "postcss-import": "^11.0.0",
        "postcss-mixins": "^6.2.0",
        "postcss-nested": "^2.1.2",
        "postcss-simple-vars": "^4.1.0",
        "webpack": "^4.17.2",
        "webpack-cli": "^3.1.0"
      }
    }

Answer 1

一种解决方案是在每次编译旧文件时使用clean-plugin plugin删除旧文件。

 const cleanWebPackPlugin = require('clean-webpack-plugin');

plugins: [
        new cleanWebPackPlugin(['path-to-App.js'])
    ]