Grunt+Babel成功运行,但没有'Don’我什么都不做
Grunt + Babel successfully runs but doesn't do anything
我对grunt/npm很陌生,但在阅读了文档之后。我给自己做了package.json
和Gruntfile.js
。这是我的文件夹结构:
/
|- src
|- myfile.es6
|- anotherfile.es6
|- etc.
|- Gruntfile.js
|- package.json
我所拥有的
这是我的Gruntfile
:
module.exports = function(grunt) {
require('load-grunt-tasks')(grunt);
grunt.initConfig({
babel: {
options: {
sourceMap: true,
plugins: ['es2015']
},
dist: {
files: [{
expand: true,
cwd: 'src/',
src: ['*.es6'],
dest: 'dist/',
ext: '.js'
}]
}
}
});
grunt.registerTask('default', ['babel'])
};
然后是我的package.json
:
{
"name": "Cheddar",
"version": "0.2.0",
"devDependencies": {
"babel-preset-es2015": "^6.6.0",
"grunt": "^1.0.1",
"grunt-babel": "^6.0.0"
},
"scripts": {
"test": "grunt --verbose"
}
}
它做什么
我有我的src/
文件夹,其中包含我的源文件(*.es6
)。我想用grunt将这些文件转换到dist/
目录。
我尝试过的
然后我安装了npm install
和npm-update --save
的所有依赖项/babel-cli/grumt-cli/等
看起来不错,所以我继续往前跑,咕哝着:
$ grunt
Running "babel:dist" (babel) task
Done.
$ ls
Gruntfile.js node_modules/ package.json src/
ls
输出的内容与我运行grunt
之前完全相同。因此,似乎什么都没发生。我的输出dist
在哪里?在过去的几个小时里,这件事一直困扰着我。我试过安装babelify
,以及互联网上博客中的许多其他修复程序,但遗憾的是,什么都不起作用。
尝试使用关键字"presets"而不是"plugins":
babel: {
options: {
sourceMap: true,
presets: ['es2015']
}
...
}
当我使用您的配置时,grunt似乎出错了,因为它找不到名为"es2015"的插件。在我做出改变之后,一切都奏效了。
从自述文件中尝试一个更字面的例子,比如:
grunt.initConfig({
babel: {
options: {
sourceMap: true,
presets: ['es2015']
},
dist: {
files: {
'dist/myfile.js': 'src/myfile.es6'
}
}
} });
完成该工作后,请尝试在文件下指定*.es6
等。如果你看看grunt-babel插件的来源,它可能比人们想象的更有限。
您也可以直接使用npm scripts
并指定babel命令行,我觉得这比使用grunt更简单。
相关文章:
- 这是什么 ==- javascript 运算符
- 我的单元测试选项是什么
- 全局变量和全局对象的属性之间有什么区别吗
- 打破承诺链的好方法是什么
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Javascript中的空白是什么
- 元素在我的代码中不会.fadeTo.Don'I don’我不知道;s错误的JavaScript、JQuery、H
- AngularJS routeprovider赢得'Don’我什么都不做
- Grunt+Babel成功运行,但没有'Don’我什么都不做
- 可以'I don’我似乎没有从一整页纸上看出可能的意图是什么
- CGI.unescape和CGI.unescapeHTML don'Don’我什么都不做
- change和onchange don'I don’我不能在电脑上工作.可能是什么原因造成的
- 在ui中,路由器用不同的参数链接到相同的状态don'Don’我什么都不做
- 学习AJAX,html代码取胜'Don’我什么都不做
- 我可以'I don’我不知道我在做什么;m缺失,除了一个选项外,代码可以100%工作
- HTML中的JQuery;Don’我什么都不做
- JqueryUI自动完成:autoFocus=true获胜'Don’我什么都不做
- 动态定义JSON-can'I don’我没有发现我做错了什么
- 为什么模板绑定文档中提到了eventbeforeRemove,而它没有'Don’我什么都不做
- 重置间隔计时器Don't工作!什么'It’他错了