1

Доброго времени суток.

Вопрос такой установил babel-loader запускаю webpack смотрью в bundle.js в котором абсолютно ничего не поменялось то есть let как было так и осталось также и другие функции.Но при этом webpack сработал и никаких красных ошибок и начал отслеживания watch:true

Помогите пожалуйста в чем может быть проблема?

вот мой webpack.config.js

const NODE_ENV = process.env.NODE_ENV || "development";

module.exports = {
    entry: "./common",
    output: {
        path: __dirname + "/dist",
        filename:"bundle"
    },
    watch:NODE_ENV == "development",

    devtool:NODE_ENV == "development" ? "cheap-inline-module-source-map" : null,

    module: {

        rules: [{
            test: /\.jsx$/,
            loader: "babel",
            query:{
                presets:["es2015"],
            }
        }]

    }
};

common.js

let  welcome = require("./script");

welcome("script");

script.js

module.exports = function(message){
    alert(`welcome${message}`);
};

все файлы находятся в одном директории кроме bundle.js который находится в папке dist

10
  • И на кой тебе babel?
    – Air
    10 фев 2018 в 19:46
  • не понял ? @Air
    – Randall
    10 фев 2018 в 19:47
  • На сколько я знаю уже все браузеры ECMA-6 без проблем понимаю....
    – Air
    10 фев 2018 в 19:48
  • 1
    посмотри тут, очень доходчиво и подолбно youtube.com/…
    – Air
    10 фев 2018 в 19:57
  • 1
    Там первые 2 видео установка самого babel, а далее ECMA-6
    – Air
    10 фев 2018 в 20:00

1 ответ 1

3

Чтобы вебпак конвертил из ES6 в ES5 кроме babel-loader еще нужно установить babel-preset-es2015

module: {
  rules: [{
     test: /\.jsx$/,
     loader:'babel-loader',
     options: { presets: ['es2015'] }
  }]
},

UPD: и еще, чтобы вебпак конвертил .js файлы нужно в test указать это расширение

test: /\.js$/,
4
  • тоже самое ..не сработал ваш вариант.@torokhkun :(
    – Randall
    10 фев 2018 в 20:05
  • @Избытоксусликов и еще, Вы же понимаете что вы натравливаете на реактовские расширения .jsx а в примере у Вас .js может Вам нужно test: /\.js$/
    – torokhkun
    10 фев 2018 в 20:37
  • 1
    да сработало спасибо вам.Проблема заключалсья в том что у меня не было babel-core.А это я обнаружил тогда когда сменил реактовское расширения на js там подсказал консоль про error я установил и вуалья ваш ответ принят :) @torokhkun
    – Randall
    10 фев 2018 в 20:42
  • А ответ то был на голосовании закрытия)))))....(+)
    – Air
    10 фев 2018 в 20:46

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.