[grunt] grunt 配置babel es6转码

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

haliofwu

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

阅读量3.1k

点赞数

分类专栏：构建工具文章标签： grunt babel es6

本文链接：https://blog.csdn.net/xixi880928/article/details/78711422

版权

本文档介绍了如何在test-web项目中配置grunt，使用babel将es6代码转换为es5。首先，通过npm安装grunt及相关插件，包括load-grunt-tasks和grunt-babel。然后配置grunt任务，设定babel选项，如sourceMap和presets。完成配置后，运行grunt命令，若无错误，输出显示任务完成。

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

我们的project是test-web.
安装

Step 1: 进入根目录路径

cd test-web

Step 2: 安装 grunt

npm install –save-dev grunt

Step 3: 安装 load-grunt-tasks

npm install –save-dev load-grunt-tasks

Step 4: 安装 grunt-babel

npm install –save-dev grunt-babel

Step 5: 最后, 启动

grunt

输出结果应该是:

Running “babel:dist” (babel) task

Done, without errors.

将代码转化为es6. 你的 gruntfile.js 应该是这样的:

module.exports = function (grunt)
{
    require("load-grunt-tasks")(grunt); // npm install --save-dev load-grunt-tasks

    grunt.initConfig({
        "babel": {
            options: {