标签: react-spinners

允许在 npm 模块中直接导入文件,如 lodash

Lodash 允许导入

import merge from 'lodash/merge';
Run Code Online (Sandbox Code Playgroud)

这大大减少了导入的大小。我维护了一个名为 的 npm 模块react-spinners,并且我想允许相同的导入。

https://github.com/davidhu2000/react-spinners

例如,目前的导入方式是

import { BarLoader } from 'react-spinners';
Run Code Online (Sandbox Code Playgroud)

我想允许

import BarLoader from 'react-spinners/BarLoader';
Run Code Online (Sandbox Code Playgroud)

根据我的发现,为此,我需要具有以下文件夹结构

main
  - index.js <- the file that exports everything
  - BarLoader.js
  - ... other loaders
Run Code Online (Sandbox Code Playgroud)

这种结构非常混乱,因为所有的 js 文件都在根目录中。

我目前的设置是

main
  - index.js
  - dist <- output folder from compiling
    - index.js
    - BarLoader.js
  - src <- uncompiled react code
    - index.js
    - BarLoader.js
Run Code Online (Sandbox Code Playgroud)

所以,目前,为了只导入一个加载器是

import BarLoader from 'react-spinners/dist/BarLoader';
Run Code Online (Sandbox Code Playgroud)

我找不到任何可以告诉我如何dist从上述语句中删除 的内容。

npm reactjs react-spinners

5
推荐指数
1
解决办法
997
查看次数

标签 统计

npm ×1

react-spinners ×1

reactjs ×1