简单导入 v1.1.1

简单导入 是 Sublime Text 插件，可以帮助导入模块。目前它支持 JavaScript 和 Python。如果您需要导入其他语言的模块，请在 创建一个问题。

示例

注意：以下示例仅为 JavaScript。Simple Import 目前还支持 Scss 和 Python。

visibilityActions.js

export const SET_VISIBILITY_FILTER = 'SET_VISIBILITY_FILTER'
export const SHOW_ALL = 'SHOW_ALL'
export const SHOW_COMPLETED = 'SHOW_COMPLETED'
export const SHOW_ACTIVE = 'SHOW_ACTIVE'

VisibleTodoList.js

// SHOW_ALL *Ctrl+Alt+J*
import { SHOW_ALL } from '../actions/visibilityActions'

// SHOW_COMPLETED *Ctrl+Alt+J*
import { SHOW_ALL, SHOW_COMPLETED } from '../actions/visibilityActions'

// visibilityActions *Ctrl+Alt+J*
import visibilityActions, {
    SHOW_ALL,
    SHOW_COMPLETED,
} from '../actions/visibilityActions'
// It also breaks your imports by the smallest rule

// Simple Import looks into your package.json
// and find files and variables inside your dependencies's folders.
// For example
// connect *Ctrl+Alt+J*
import { connect } from 'redux';

// combineReducers *Ctrl+Alt+J*
import { connect, combineReducers } from 'redux';

// req react *Ctrl+Alt+J*
const react = require("react")

安装

您可以通过包控制找到名为“简单导入”的插件。您也可以在包文件夹中克隆它。

• 打开命令面板，查找 浏览包。选择它，包文件夹将打开。
• 将此仓库克隆到此文件夹
  • 在终端中，克隆此仓库：git clone https://github.com/vinpac/sublime-simple-import.git
  • 或下载此仓库作为 rar 文件，并将其内容放入包文件夹

JavaScript

默认情况下，JavaScript 会为装饰器添加后缀。例如，@autobind 变为 从 'autobind-decorator' 导入 autobind;。它还可以查看依赖中的导出值，甚至是如果有模块导出一个对象，还可以找到子模块。例如在 draft-js 中。

var DraftPublic = {
  Editor: DraftEditor,
  // ...
};

module.exports = DraftPublic;

SI 将查看此文件并了解它导出一个带有关键字 Editor 的对象。因此，如果您在项目中尝试导入 Editor，SI 将添加（或提供选项）从 'draft-js' 导入 { Editor };。

请不要担心，所有内容在首次使用模块版本后都会进行缓存，因此如果您更新了您的模块，SI 将更新此模块缓存的子模块和文件。

设置

extensions（数组）: 匹配扩展名。默认值： [".js", ".jsx"]

remove_extensions（数组）: 从路径中删除扩展名。默认值： [".js"]

extra_extensions (数组) : 要匹配的扩展名，但SI不会在这些文件中查找子模块。默认: [".png", ".jpg", ".jpeg", ".svg", ".json", ".gif", ".css", ".scss", ".less"]

ignore (数组) : 爬取模块时要忽略的路径。

omit (数组) : 要忽略的值。默认: [] 示例: ["react-redux.connect"] 忽略 react-redux 导出的 connect。

dictionary (对象) : 模块值的映射。对于无法通过默认方式找到的值，如 immutable 模块。例如

"dictionary": {
  "modules": {
    "cx": "classnames"
  },
  "modules_exports": {
    "immutable": [
      "Map",
      "Set",
      "Stack",
      "List",
      "Stack"
    ]
  }
}

require_by_default (布尔值) : 优先使用 require 而不是 import。默认: False

add_semicolon (布尔值) : 在导入语句的末尾添加 ;。默认: True

es5 (布尔值) : 将强制使用 require_by_default、add_semicolon 并将使用 var 而不是 const。默认: False

SCSS

目前，它会找到您的 .scss 文件并将它们导入。

设置

extensions (数组) : 要匹配的扩展名。默认: [".scss"]

extra_extensions (数组) : 要匹配并作为 url(<path>) 导入的文件扩展名。默认: [".jpg", ".png", ".gif", ".svg"]

ignore (数组) : 爬取模块时要忽略的路径。

single_quotes (布尔值) : 使用单引号而不是双引号。默认: false

Python

设置

extensions (数组) : 要匹配的扩展名。默认: [".py"]

remove_extensions (数组) : 从路径中删除扩展名。默认: [".py"]

ignore (数组) : 爬取模块时要忽略的路径。