javascript-如何将Babel转换为es5而不是es5.1

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何将Babel转换为es5而不是es5.1，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1562字，纯文字阅读大概需要3分钟。

内容图文

我正在使用npm,webpack和babel在es6中编写我的库并进行代码转换以缩小.但是结果被转换为使用Object(Object.defineProperty)的ecmaScript 5.1,但是我的目标是不支持Object的ecmaScript 5,如果发现其他限制,则降低ecmaScript.
(我需要的javascript版本是在Rhino中使用的版本.)
(我的目标是Rhino 1.7R3)

我的问题是,如何配置babel来做到这一点？
我发现了polyfill,但是我不确定如何使用它来实现我的目标.

巴贝尔

{  "presets": ["env"]  }

webpack.config

    module.exports = function(env, argv) {
    env = env || {};

    const webpack = require('webpack');
    const UglifyJsPlugin = webpack.optimize.UglifyJsPlugin;

    let libraryName = 'jsgmc';
    let plugins = [], outputFile;

    if (env.prod) {
        plugins.push(new UglifyJsPlugin({minimize: true}));
        outputFile = libraryName + '.min.js';
    } else {
        outputFile = libraryName + '.js';
    }

    return {
        entry: __dirname + '/src/jsgmc.js',
        devtool: 'source-map',
        output: {
            path: __dirname + '/dist',
            filename: outputFile,
            library: libraryName,
            libraryTarget: 'this'
        },
        module: {
            rules: [
                {
                    test: /\.js$/,
                    exclude: /(node_modules|bower_components)/,
                    use: {
                        loader: 'babel-loader',
                        options: {
                            presets: ['babel-preset-env'],
                            plugins: [require('babel-plugin-add-module-exports')]
                        }
                    }
                }
            ]
        },
        plugins: plugins
    };

};

解决方法:

使用babel-preset-env时,可以使用配置选项来指定要支持的浏览器版本.

不幸的是,无法指定Rhino,但您可以尝试是否定位到真正的旧浏览器,例如Internet Explorer 7正常运行.

.babelrc

{
  "presets": [
    ["env", {
      "targets": {
        "browsers": ["ie < 8"]
      }
    }]
  ]
}

使用称为browserslist的模块来解析配置选项.

您可以在线试用here浏览器列表查询.

另一个可以帮助您的有用工具是compatibility table.

有趣的是,这表明Rhino 1.7确实支持Object.defineProperty.

内容总结

以上是互联网集市为您收集整理的javascript-如何将Babel转换为es5而不是es5.1全部内容，希望文章能够帮你解决javascript-如何将Babel转换为es5而不是es5.1所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端