Javascript 编写NPM模块：需要自己的包作为依赖项

我正在创建一个新的NPM包。在repo中，有一个

examples

目录，其中包含一些javascript，在本地运行时（或者最终通过github.io）编译并提供服务

设置类似于。如果您查看该examples目录中的任何javascript文件，就会发现它们需要该包，就好像它是在

npm install react menu

中安装的一样：

import Menu, { SubMenu, Item as MenuItem } from 'rc-menu';

但是，它没有列在package.json中的任何依赖项中

我知道我可以要求我自己的模块使用类似于“../../../index.js”的

导入神话功能，但我不需要担心所有相关目录。我尝试从“我的东西”导入神话，但它当然找不到包，失败了

react菜单是如何做到这一点的？
好的，我应该更深入地研究一下网页文档

tl；dr-解决方案是配置

我的目录结构如下：

.
├── LICENSE.md
├── README.md
├── examples
│   ├── bundle.js
│   ├── index.html
│   ├── server.js
│   └── src
│       ├── components
│       │   ├── App.js
│       │   └── examples
│       │       └── ExampleOne.js
│       └── index.js
├── index.js
├── package-lock.json
├── package.json
├── src
│   └── index.js
├── test
├── webpack.config.js
└── webpack.examples.config.js

只需将resolve配置添加到我的webpack.config.examples.js就可以了。以下是整个文件，仅供参考：

const webpack = require('webpack')
const path = require('path')

module.exports = {
    entry: [
        'react-hot-loader/patch',
        'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000',
        './examples/src/index.js',
    ],

    output: {
        path: path.resolve(__dirname, 'examples'),
        publicPath: '/',
        filename: 'bundle.js',
        sourceMapFilename: 'bundle.js.map',
    },

    resolve: {
        alias: {
            'my-package': path.resolve(__dirname, 'src'),
        },
    },

    devtool: 'eval-source-map',

    plugins: [
        new webpack.optimize.OccurrenceOrderPlugin(),
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NamedModulesPlugin(),
        new webpack.NoEmitOnErrorsPlugin(),
    ],

    module: {
        rules: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                use: ['babel-loader'],
            },
        ],
    },
}

现在，当我在examples应用程序中的任何地方工作时，我可以使用：

import myThing from 'my-package'

好的，我应该更深入地研究一下网页文档

tl；dr-解决方案是配置

我的目录结构如下：

.
├── LICENSE.md
├── README.md
├── examples
│   ├── bundle.js
│   ├── index.html
│   ├── server.js
│   └── src
│       ├── components
│       │   ├── App.js
│       │   └── examples
│       │       └── ExampleOne.js
│       └── index.js
├── index.js
├── package-lock.json
├── package.json
├── src
│   └── index.js
├── test
├── webpack.config.js
└── webpack.examples.config.js

只需将resolve配置添加到我的webpack.config.examples.js就可以了。以下是整个文件，仅供参考：

const webpack = require('webpack')
const path = require('path')

module.exports = {
    entry: [
        'react-hot-loader/patch',
        'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000',
        './examples/src/index.js',
    ],

    output: {
        path: path.resolve(__dirname, 'examples'),
        publicPath: '/',
        filename: 'bundle.js',
        sourceMapFilename: 'bundle.js.map',
    },

    resolve: {
        alias: {
            'my-package': path.resolve(__dirname, 'src'),
        },
    },

    devtool: 'eval-source-map',

    plugins: [
        new webpack.optimize.OccurrenceOrderPlugin(),
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NamedModulesPlugin(),
        new webpack.NoEmitOnErrorsPlugin(),
    ],

    module: {
        rules: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                use: ['babel-loader'],
            },
        ],
    },
}

现在，当我在examples应用程序中的任何地方工作时，我可以使用：

import myThing from 'my-package'