Requirejs高级应用(一)：将ES6转换为Requirejs代码

最新推荐文章于 2024-09-09 09:51:29 发布

蚁方阵

最新推荐文章于 2024-09-09 09:51:29 发布

阅读量7.1k

点赞数 1

分类专栏：成长的前端文章标签：成长的前端 requirejs commonjs amd

本文链接：https://blog.csdn.net/yiifaa/article/details/51935172

版权

本文介绍了如何将ES6代码转换为满足Requirejs AMD规范的代码，包括添加Babel，配置.babelrc文件，注册Grunt任务，处理ES6的default属性问题，并提供了一个项目实例。

摘要由CSDN通过智能技术生成

既想利用ES6的先进特性，又想发挥Requirejs的AMD特性，于是想着将ES6代码转换为满足Requirejs规范的AMD代码，操作如下。

1. 添加Babel

在Gruntfile中添加grunt-babel支持，如下：

babel: {
    options: {
        sourceMap: false,
        presets: ['babel-preset-es2015'],   // 还可以添加更多特性
        babelrc: true   // 必须启用babelrc文件
    },
    dist: {
        expand: true,
        cwd: 'src/es6/', // ES6文件的存放位置
        src: ['**/*.js'], // 匹配的文件
        dest: 'src/amd' // 输出目录
        ext: <