WebPack не выводит новый файл после установки babel - PullRequest
Новая
       7

WebPack не выводит новый файл после установки babel

0 голосов
/ 06 сентября 2018

Webpack работает задолго до установки babel, но после этого не генерирует новый файл. Я использую WebPack версии 4.17.2 и Babel Loader версии 8.0.2. Как решить эту проблему, поскольку я интегрировал веб-пакет в автоматизацию 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"
      }
    }

1 Ответ

0 голосов
/ 06 сентября 2018

Одним из решений было бы удаление старого файла каждый раз, когда он компилируется с использованием clean-webpack-plugin. 

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

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