网页包2的Babel Transform运行时问题

Question

下午好

这是我在webpack的github上报告的同一个问题，但我怀疑我可能是做错事的人，因此在这里提出了一个问题。

我试图配置webpack 2与巴别塔，其中一个要求是转置内置插件，如符号。

尽管现在工作正常，但当我尝试使用webpack和babel的transform运行时时，我无法使用exports*。

输入文件（src/index.js）：

export * from './secondFile'

ile.js：

export let TESTSYMBOL = Symbol('test');

export let TESTSYMBOL2 = Symbol('test2');

网页包。配置。js（仅复制相关部分）：

module: {
    rules: [
        {
            test: /\.jsx?$/,
            // Skip any files outside of `src` directory
            include:path.resolve(__dirname, 'src'),
            use: {
                loader: 'babel-loader',
                options: {
                    presets: ["es2015", "stage-3"],
                    plugins: ['transform-runtime']
                }
            }
        }
    ]
}

脚本：

"webpack -d --config config/webpack.config.js"

输出文件：gist

例外情况：

Uncaught ReferenceError: exports is not defined - at Object.defineProperty(exports, "__esModule", {

开发依赖项：

• webpack： 2.6.1，
• webpack-dev-server： 2.4.5，
• webpack通知器：1.5.0
• Babel-cli： 6.24.1，
• Babel-loader： 7.0.0，
• 巴贝尔-插件-转换-运行时：6.23.0，
• Babel-preset-es2015:6.24.1，
• 巴别塔预设阶段3:6.24.1

依赖关系：-"Babel-runtime"："6.23.0"

感谢任何帮助！

Answer 1

对于IE或更旧的浏览器，我需要使用es-shims-库，它将ECMAScript规范移植到传统的JS引擎。

如果将以下LIB添加为索引上的第一个导入，则可以解决您的问题。html（或同等文件）。举个例子：

<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>

查看您可能需要的每个库的链接：ES-Shims

Answer 2

问题似乎出在include上。由于某种原因，我无法使用path。解析路径。加入。网页包文档中有这样的例子。

如果webconfig如下所示，则工作正常：

 module: {
    rules: [
        {
            test: /\.js$/,
            include: [
                /src/
            ],
            // or exclude: [/node_modules/],
            use: 
                {
                    loader: 'babel-loader',
                    options: {
                        plugins: ['transform-runtime'],
                        presets: ['es2015', 'stage-3']

                    }
                }

        }
    ]
}

无论哪种方式，现在都存在未定义导出的问题，可以通过在es2015预设中将模块设置为false来解决（感谢Github的Vanuan的建议）：

presets: [['es2015', { modules: false }], 'stage-3'],