Question

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

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

import myplugin from 'myplugin';

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

插件代码将直接在其自己的项目中进行编译。

Answer 1

我对您的webpack.config.js的了解不多，但我建议您根据babel loader规则使用include代替exclude

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

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

1 个答案: