Làm cách nào để ngắt các câu lệnh nhập khẩu dài thành nhiều dòng trong ES6?

Question

Tôi có một tuyên bố nhập khẩu khá dài trong tập tin JavaScript (ES6) của tôi:

import { A, B, C, D } from '../path/to/my/module/in/very/far/directory/' 

Is it OK để thêm dòng mới như thế này?

import { A, B, C, D } from 
'../path/to/my/module/in/very/far/directory' 

Nếu không, có cách nào khác để viết sạch (giữ mã của tôi trong vòng 80 cột) tuyên bố nhập khẩu trong cú pháp ES6 sử dụng Babel?

Answer 1

Đây là kết quả từ thử nghiệm của tôi sử dụng ESLint.

ESLINT QUA

import fs 
from 'fs'; 

ESLINT QUA

import 
fs 
from 
'fs'; 

ESLINT QUA

import { 
    moduleName 
} from './my/module/file'; 

Và abov mã e thực hiện tốt. Tôi nghĩ rằng bạn tốt để đi!

LƯU Ý: .eslintrc này đã được sử dụng.

Answer 2

Có, thông số ES6 cho phép khoảng trắng - bao gồm dòng mới - giữa mỗi mã thông báo (trừ khi bị giới hạn khác). Tự động chèn dấu chấm phẩy sẽ không gây rối với bạn bên trong của tờ khai nhập khẩu, hoặc, vì vậy bạn tự do làm

import 
{ 
A 
, 
B 
, 
C 
, 
D 
} 
from 
'../path/to/my/module/in/very/far/directory/' 
; 

hoặc bất cứ điều gì đó là ít cực đoan hơn và tốt hơn thụt :-)