Собирать проект при помощи webpack

315
21 июня 2017, 02:41

Привет. Сейчас у меня установлен npm + Babel, у которого сборка происходит при помощи npm run watch:

"scripts": {
  "build": "babel src -d dist --presets es2015",
  "watch": "babel src -d dist --presets es2015 -w"
}

Но у меня не получается import файлов в клиентский JavaScript. Для этого я хочу использовать WebPack. Как настроить WebPack так, чтобы он собирал файлы при помощи Babel?

Answer 1

Вот webpack.config.js

// Для использования нужен Node.JS
// Поставьте webpack:
//   npm i -g webpack
// Поставьте babel-loader:
//   npm i babel-loader
// Запустите его в директории с файлами:
//   webpack
module.exports = {
    entry: "./index.js",
    output: {
        filename: "./build.js"
    },
    watch: true, // просмотр включен
    watchOptions: {
        aggregateTimeout: 100 //время тайм аута просмотра изменений
    },
    plugins: [ ],
    devtool: 'source-map',
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel-loader',
                query: {
                    presets: ['es2015']
                },
            }
        ]
    },
};

если что не понятно распишу подробнее

READ ALSO
Как добавить в div несколько div'ов?

Как добавить в div несколько div'ов?

Приветствую! Подскажите пожалуйста, как добавить в див несколько дивов через переборУ меня есть 9 квадратов, в них я пытаюсь добавить 9 пустых...

329
Странное поведение Javascript при передаче объекта по ссылке

Странное поведение Javascript при передаче объекта по ссылке

Написал простой пример с изменением объекта в функции при передаче по ссылкеhttps://plnkr

237
Как поменять стили при наведении на div?

Как поменять стили при наведении на div?

Приветствую! Просьба помочь, у меня есть класс "parent", который содержит класс "children", хочу сделать, что бы при наведении на парент, мой чилдрен...

215
AJAX JSF h:inputText

AJAX JSF h:inputText

Есть facelet terminologyxhtml

326