Как создать сайтТермины Статьи Последние правки
20.04.2018
Unity3D

Статьи / 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