Статьи / JavaScript

Сборка проекта

6to5 (ECMAScript6)

npm install 6to5 -g

command line (CLI):

6to5 script.js -o script-compiled.js
6to5 script.js --out-file script-compiled.js

FileWatchers for WebStorm (PhpStorm):

Вариант 1.

Scope: src
Program: 6to5
Arguments: $FilePathRelativeToProjectRoot$ -o build/$FilePathRelativeToProjectRoot$
Working Dir: $ProjectFileDir$

Вариант 2.

Scope: src
Program: 6to5
Arguments: $FilePathRelativeToProjectRoot$
Working Dir: $ProjectFileDir$
Output paths to refresh: build/$FilePathRelativeToProjectRoot$

Create output file from stdout //ставим галку

Scope: src
file[yourProjectName.local]:src//*
Добавляем local, выбираем папку src и кликаем по Include Recursevly
file[yourProjectName.local]:src//*
yourProjectName.local это название вашего проекта, замените на ваш, например my.local или ещё как-то

Таким образом внося изменения в es6-совместимый файл, например src/app.js, мы получим на выходе build/app.js es5-совместимый

React.js

6to5 has a converter JSX и ниже прилагающийся код не требуется, т.к. будет автоматически конвертирован, если у вас в Javascript language version: JSX Harmony, если выбран ECMAScript6, то трансформации происходить не будет и вываляться предупреждения.

npm install react-tools -g

gulp

global: npm install --global gulp
project: $ npm install --save-dev gulp
run: gulp

gulpfile.js:

var gulp = require('gulp');

gulp.task('default', function() {
  
});

CommonJS модули (require)

webpack:

global: npm install webpack -g
project: npm install webpack --save-dev

сборка через консоль: webpack src/app.js build/app.js