使用ES6进行反应性和浏览器化
使用ES6进行反应性和浏览器化
提问于 2015-02-25 12:52:53
我有一个浏览器化任务，配置如下：
module.exports = function(grunt) {
grunt.config.set('browserify', {
dev: {
src: 'assets/js/main.jsx',
dest: '.tmp/public/js/main.js',
options: {
debug: true,
extensions: ['.jsx'],
transform: ['reactify']
}
}
});
grunt.loadNpmTasks('grunt-browserify');
};我尝试用这种方式配置它以使用es6：
module.exports = function(grunt) {
grunt.config.set('browserify', {
dev: {
src: 'assets/js/main.jsx',
dest: '.tmp/public/js/main.js',
options: {
debug: true,
extensions: ['.jsx'],
transform: ['reactify', {'es6': true}]
}
}
});
grunt.loadNpmTasks('grunt-browserify');
};但是，这会导致一个错误：
错误:路径必须是字符串
我无法从文档中了解如何做到这一点，因为我不想在我的package.json中配置转换。任何帮助都将不胜感激。
Stack Overflow用户
发布于 2015-06-16 11:34:21
或者，您也可以使用ES6简单地编译watchify模块(没有Grunt/Gulp)。
在package.json中，添加以下内容：
{
"scripts": {
"build": "watchify -o build/bundle.js -v -d assets/js/main.jsx"
},
"devDependencies": {
"browserify": "^10.2.4",
"envify": "^3.4.0",
"reactify": "^1.1.1",
"watchify": "^3.2.2"
},
"browserify": {
"transform": [
["reactify", {"es6": true}],
"envify"
]
}
}在终端/命令提示符中，运行npm run-script build。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28719550
复制相关文章
相似问题
腾讯云开发者
