2017-01-20 14 views
8

Tôi có một thư mục trong dự án main mà tôi đang giải quyết như một mô-đun. Ví dụ: import x from 'main/src' nhập main/src/index.js. Điều này được thực hiện thông qua cấu hình bí danh của webpack.Cách thêm đường dẫn được giải quyết theo cách thủ công trong eslintrc

Một vấn đề tôi đang gặp phải là loại bỏ các lỗi thông qua eslint. Tôi biết eslint cung cấp một plugin giải quyết webpack, tuy nhiên, tôi đã gặp khó khăn khi nhận được nó để làm việc. Tôi nghi ngờ đó là vì tôi đang trên webpack 2 và sử dụng es6 trong tập tin cấu hình webpack của tôi.

Có cách thủ công để viết cài đặt giải quyết khắc phục vấn đề này cho eslint của tôi không?


duy nhất Hack khác tôi đã nhìn thấy công việc đang sử dụng import/core-modules nhưng sau đó tôi phải ra khỏi danh sách tất cả các thư mục trong cây thư mục con main/src/bar, main/src/foo. Điều này sẽ không lý tưởng.

Trả lời

24

Tôi nghĩ liên kết bên dưới sẽ giúp bạn. Bạn có thể thêm các thư mục giải quyết bằng cách sử dụng cấu hình.

https://github.com/benmosher/eslint-plugin-import#resolvers

Ví dụ, nếu bạn muốn giải quyết src/, bạn có thể viết như dưới đây trên .eslintrc.

{ 
    "settings": { 
    "import/resolver": { 
     "node": { 
     "paths": ["src"] 
     } 
    } 
    } 
} 

Sau đó, ESLint giải quyết từ thư mục src. Bạn có thể yêu cầu src/hoge/moge.js bằng cách viết const moge = require('hoge/moge'); và ESLint biết điều đó.

+0

Cấu hình ESLint không hợp lệ: \t - Cài đặt thuộc tính cấp cao nhất không mong muốn ". – stevematdavies

+0

giải pháp tuyệt vời để giải quyết trong WebStorm IDE, nhưng webpack đang cố gắng để cài đặt các module: 'nhập {STATE_FICHE như initialState} từ 'dữ liệu srtuctures/fiche'; ' webpack nói: ' Cài đặt dữ liệu srtuctures ...' và thất bại. Có giải pháp nào cho Webpack2 không? –

Các vấn đề liên quan