npm - 如何使用 webpack 在 npm 包子文件夹中导入模块？

Question

假设 node_modules 中有一个包名为 foo，我想在库中导入一个模块，例如 foo/module通过 webpack 和 babel...
import Foo from 'foo';作品
import SomeOtherModule from 'foo/module';失败并显示以下内容:

Module not found: Error: Cannot resolve module 'foo/module' in /Users/x/Desktop/someproject/js

这使得 webpack 看起来像是在错误的地方寻找文件而不是 node_modules
我的 webpack.config 看起来像这样:

var webpack = require('webpack');
var path = require('path');

module.exports = {
    entry: ['babel-polyfill','./js/script.js'],
    output: {
        path: __dirname,
        filename: './build/script.js'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: 'babel',
                query: {
                    cacheDirectory: true,
                    presets: ['es2015']
                }
            }
        ],
    },
    plugins: [
        new webpack.NoErrorsPlugin()
    ],
    stats: {
        colors: true
    },
    devtool: 'source-map'

};

Answer 1

它应该与 import 'foo/module'; 一起使用.它将解析文件 ./node_modules/foo/module.js或 ./node_modules/foo/module/index.js和 不是 类似于 ./node_modules/foo/node_modules/module/index.js如果它预期(在这种情况下你最好通过 npm 安装模块)。