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加载器会将其解释为另一个源文件,并尝试将CS​​S传输到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 任何想法可能是什么?