从 node_modules 导入时，我自己的模块未正确转译

Question

我向 npm 发布了一个简单的插件，我用 ES6 编写并使用 Webpack 和 Babel 对其进行了转译。后来我在另一个 ES6 项目中使用了这个插件。

我正在使用一个简单的导入语句：

import myplugin from 'myplugin';

导入成功，但未在最终输出中转译。我在输出的 js 文件中看到了实际的 ES6 代码。谁能指出这背后的原因是什么？

插件代码被直接转译到它自己的项目中。

Answer 1

我没有太多关于您的 webpack.config.js 的信息，但我建议在您的 babel 加载程序规则下使用 include 而不是 exclude

module: {
    rules: [
        {
            test: /\.js$/,
            include: [
                path.resolve(__dirname, 'src'),
                path.resolve(__dirname, 'node_modules/myplugin'),
            ],
            use: {
                loader: 'babel-loader',
                query: {
                    presets: ['env']
                }
            }
        }
    ]
}