Tag: babeljs

babel CLI复制nonjs文件: 我正在运行一个babel cli命令 babel src –out-dir lib 将es6中的es6脚本复制到lib中。但是，它不会复制我在src /文件夹中的css / scss文件。有没有办法让它复制它们呢？

在同构React组件中导入CSS文件: 我有一个用ES6编写的组件的React应用程序 – 通过Babel和Webpack传输。在一些地方，我想包含特定的CSS文件与特定的组件，如反应webpack食谱build议但是，如果在任何组件文件中，我需要一个静态CSS资源，例如： import '../assets/css/style.css'; 然后编译失败，出现错误： SyntaxError: <PROJECT>/assets/css/style.css: Unexpected character '#' (3:0) at Parser.pp.raise (<PROJECT>\node_modules\babel-core\lib\acorn\src\location.js:73:13) at Parser.pp.getTokenFromCode (<PROJECT>\node_modules\babel-core\lib\acorn\src\tokenize.js:423:8) at Parser.pp.readToken (<PROJECT>\node_modules\babel-core\lib\acorn\src\tokenize.js:106:15) at Parser.<anonymous> (<PROJECT>\node_modules\babel-core\node_modules\acorn-jsx\inject.js:650:22) at Parser.readToken (<PROJECT>\node_modules\babel-core\lib\acorn\plugins\flow.js:694:22) at Parser.pp.nextToken (<PROJECT>\node_modules\babel-core\lib\acorn\src\tokenize.js:98:71) at Object.parse (<PROJECT>\node_modules\babel-core\lib\acorn\src\index.js:105:5) at exports.default (<PROJECT>\node_modules\babel-core\lib\babel\helpers\parse.js:47:19) at File.parse (<PROJECT>\node_modules\babel-core\lib\babel\transformation\file\index.js:529:46) at File.addCode (<PROJECT>\node_modules\babel-core\lib\babel\transformation\file\index.js:611:24) 看来，如果我尝试在组件文件中需要一个CSS文件，那么Babel加载器会将其解释为另一个源文件，并尝试将CSS传输到Javascript中。这是预期的吗？有没有办法做到这一点 – 允许转储的文件显式引用静态资产是不是被转发？我已经为.js / jsx和CSS资源指定了加载器，如下所示： module: { loaders: […]

使用多个入口点包含babel polyfill的最佳方式是什么？: 我正在使用多个入口点的webpackconfiguration： var fs = require('fs'); var webpack = require('webpack'); var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.[hash].js'); module.exports = { cache: true, entry: { main: './resources/assets/js/main.js', services: './resources/assets/js/services.js' }, output: { path: './public/assets/web/js', filename: '[name].[hash].js', publicPath: '/assets/web/js/', chunkFilename: '[id].[chunkhash].js' }, resolve: { modulesDirectories: ['node_modules', 'web_modules', 'modules'] }, module: { loaders: [{ test: /\.js$/, exclude: [/node_modules/, /web_modules/], loader: 'babel-loader', […]

require（'babel / register'）不起作用: 我有ES6客户端上的同构应用程序与Babel transpiler 。我希望我的快递服务器具有与客户端代码相同的ES6语法。不幸的是， require('babel/register')不起作用。 server.js require('babel/register'); // doesn't work // require('babel-core/register); doesn't work.. const env = process.env.NODE_ENV || 'development'; const port = process.env.NODE_PORT || 1995; const http = require('http'); const express = require('express'); const address = require('network-address'); let app = express(); app.set('port', port); app.use(express.static(path.join(__dirname, 'public'))); app.get('*', (req, res) => { res.send('Hello!'); }); http.createServer(app).listen(app.get('port'), […]

将ES6 Iterable转换为数组: 假设你有一个类似于数组的Javascript ES6 Iterable，你事先知道它的长度是有限的，那么把它转换成一个Javascript数组的最好方法是什么？这样做的原因是许多js库（如下划线和lodash）仅支持数组，所以如果您希望在Iterable上使用它们的任何函数，则必须先将其转换为Array。在python中，你可以使用list（）函数。 ES6中有相同的东西吗？

没有findBabel命令: 我已经安装了Babel '入门'页面解释的babel-cli工具。从我的项目文件夹中的一个terminal： npm install –save-dev babel-cli 在此之后，有一个带有babel-cli文件夹的node_modules目录，但是没有创buildpackage.json。 npm也显示以下错误： npm WARN enoent ENOENT: no such file or directory, open '/Users/MyName/Sites/Tutorials/Babel2/package.json 当试图运行babel，我得到这个： babel src -d lib -bash: babel: command not found 我已经安装了最新版本的nodejs / npm。我运行了npm update -g，并且编辑了我的.bash_profile文件来包含： export PATH=$PATH:/Users/MyName/npm/bin export PATH=/usr/local/share/npm/bin:$PATH 我还没有经历与其他npm工具，如browserify。为什么babel不被识别？

错误在找不到模块'babel-core'。使用react.js，webpack和express服务器: 每当我在terminal上运行webpack时，我会得到： Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' 这是我的webpack.config.js文件 module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } ] } } 的package.json { "name": "react", "version": "1.0.0", "description": "React polling app", "main": "app-client.js", "dependencies": […]

使用es6和babel-node从根目录导入节点模块: 我正在用es6使用babel编译器来编写节点应用程序。我的根目录下有两个文件index.js ＆ my-module.js – index.js – my-module.js 我-module.js export let myFunc = () => { console.log('myFunc was called!!!'); } index.js import {myFunc} from './my-module'; myFunc(); 如果我从命令行运行下面的行，一切都按预期工作。 $ babel-node index.js >> myFunc was called!!! 但是如果我在导入my-module时删除了这个点： import {myFunc} from '/my-module'; myFunc(); 我收到一个错误： Error: Cannot find module '/my-module' 任何我无法使用绝对path导入模块的原因？无论如何改变.babelrcconfiguration来支持它？谢谢

巴贝尔与巴贝尔核心与巴贝尔运行时间: 我的节点webpack项目使用三个babel库。这些和它们之间的区别是什么？ "dependencies": { "babel-runtime": "^5.8.24" } "dev-dependencies": { "babel": "^5.8.23", "babel-core": "^5.8.23" }

运行摩卡+伊斯坦布尔+巴别: 摩卡和巴贝尔编译器运行伊斯坦布尔时，我有一些问题.. 我所有的testing都运行得很好，但是在完成所有的testing之后，它向我显示了这个信息： No coverage information was collected, exit without writing coverage information 并没有产生任何报道报道.. 我正在运行的命令是： NODE_ENV=test istanbul cover _mocha — –require babel-core/register –recursive 该项目是在github托pipe： https ： //github.com/weslleyaraujo/react-flux-puzzle/tree/feat/unit-tests-24 任何想法可能是什么？