SublimeText: transpile ES6 to ES5 on save

Question

С плагином Less я получил хорошую Less -> Css-компиляцию всякий раз, когда я сохраняю файл. Как получить такое же поведение с Babel, чтобы код ES6 был перекочеван на ES5? Благодаря

Answer 1

Edited после @ Lukas-kabrt предложение:

less2css Sublime плагин, использует on_post_save() событие Блистательной API, чтобы слушать для сохранения файла, а затем вызвать код, который будет компилировать .less файл автоматически. Что-то подобное может быть выполнено для компиляции Babel ES6-to-ES5, используя это событие в плагине и привязывая его к внешней команде, которая автоматически скомпилирует текущий файл с помощью Babel. Это простой плагин для ST2, написанный на Python, который решает эту задачу:

import sublime, sublime_plugin,os 
from os.path import dirname, realpath 

class BuildonSave(sublime_plugin.EventListener): 

    def on_post_save(self, view): 
    es6File = view.file_name() 
    filename, file_extension = os.path.splitext(es6File) 
    if file_extension == ".es6": 
     view.window().run_command('exec',{'cmd': ["/usr/local/bin/babel", es6File, "-o", filename+".js", "--source-maps", "inline"] }) 

Примечание: Этот плагин ищет .es6 суффиксальными файлы и компилирует их в файл соответствующие .js, например, myfile.es6, будет передан в файл myfile.js ES5.

cmd расположение /usr/local/bin/babel можно получить в вашей системе, выполнив команду which babel на терминале, если вы на Mac OS X.

Исходный код можно найти здесь: https://gist.github.com/kostasx/1d55c62edcee88375fc8

Вы может проверить документацию API Sublime Plugin, если вы хотите пообщаться с кодом выше немного больше.