/
init-jsx.el
62 lines (53 loc) · 1.84 KB
/
init-jsx.el
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
;;; init-jsx.el --- JSX related config -*- lexical-binding: t; -*-
;;
;; Author: Kiran Shenoy
;; URL: https://github.com/kgs1992/.emacs.d/
;;
;;; Commentary:
;;
;; This package contains all of the JSX related config.
;;
;;;
;;; Code:
;; rjsx-mode
(use-package rjsx-mode
:ensure t
:defer t
:after flycheck
:config
(defun my-jsx-mode-hook()
(setq indent-tabs-mode nil) ;;Use space instead of tab
(setq js-indent-level 4) ;;space width is 2 (default is 4)
(setq js2-strict-missing-semi-warning nil)) ;;disable the semicolon warning
;; disable jshint since we prefer eslint checking
(setq-default flycheck-disabled-checkers
(append flycheck-disabled-checkers
'(javascript-jshint)))
;; use eslint with rjsx-mode for jsx files
(flycheck-add-mode 'javascript-eslint 'rjsx-mode)
;; use local eslint from node_modules before global
(defun my/use-eslint-from-node-modules ()
"Use local eslint from node_modules before global."
(let* ((root (locate-dominating-file
(or (buffer-file-name) default-directory)
"node_modules"))
(eslint (and root
(expand-file-name "node_modules/eslint/bin/eslint.js"
root))))
(when (and eslint (file-executable-p eslint))
(setq-local flycheck-javascript-eslint-executable eslint))))
:hook ((flycheck-mode . my/use-eslint-from-node-modules)
(rjsx-mode . my-rjsx-mode-hook)))
(add-to-list 'auto-mode-alist '(".*\.js\'" . 'rjsx-mode))
(use-package add-node-modules-path
:ensure t
:defer t
:hook (web-mode . add-node-modules-path))
(use-package prettier-js
:ensure t
:defer t
:after add-node-modules-path
:hook (web-mode . prettier-js-mode))
(message "Loaded init-jsx.el")
(provide 'init-jsx)
;;; init-jsx.el ends here