Question 1

How to set up Babel transpilation on save in Atom with language-babel?

Accepted Answer

Enable the 'Transpile On Save' setting in package preferences or add {"transpileOnSave": true} to a .languagebabel file. Ensure your project has .babelrc and necessary node_modules, and set NODE_ENV if needed for environment-specific Babel configs.

Question 2

Does language-babel highlight GraphQL inside JavaScript files?

Accepted Answer

Yes, it highlights GraphQL code in template strings tagged with graphql, gql, or /* GraphQL */ comments. For standalone .graphql files, you need the separate language-graphql package as noted in the README.

Question 3

language-babel vs atom-language-javascript for React development?

Accepted Answer

language-babel is better for React due to JSX-specific features like auto-completion, indentation, and Babel integration. atom-language-javascript offers basic highlighting but lacks these advanced tools and transpilation support.

Question 4

How to configure .languagebabel for different project settings?

Accepted Answer

Create a JSON file named .languagebabel in your project directory with properties like "babelSourcePath". Settings are merged from the file's location up to the project root, with closer files overriding global preferences for granular control.

Question 5

Why isn't JSX auto-indenting working in my language-babel setup?

Accepted Answer

Check that 'Auto Indent JSX' is enabled in settings. It reads .eslintrc for react/jsx-indent rules; ensure your ESLint config is correct or disable the feature if conflicts arise, as it only processes preceding lines to avoid incomplete JSX issues.

Question 6

Can I use Emmet with styled-components in language-babel?

Accepted Answer

Partially: enable 'Styled-Components Auto-Complete Method' for Emmet snippet expansion, but advanced features like vendor prefixes are unsupported. The README notes this limitation due to excluding a full Emmet distribution.

Question 7

How to exclude files from transpilation in language-babel?

Accepted Answer

Use the 'Babel Source Path' setting to limit transpilation to specific directories, or set 'Disable When No Babelrc File In Path' to true. Files outside these paths won't trigger transpilation, reducing unnecessary processing.

package

What is package?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions