Tag: babeljs

使用webpack，ES6和Babel进行debugging: 这似乎是应该相对简单的事情，但唉。我有ES6课： 'use strict'; export class BaseModel { constructor(options) { console.log(options); } }; 和使用它的根模块： 'use strict'; import {BaseModel} from './base/model.js'; export let init = function init() { console.log('In Bundle'); new BaseModel({a: 30}); }; 我的目标是：通过Babel通过以上，获得ES5代码用webpack打包模块能够debugging结果经过一些试用，这是我有的webpackconfiguration： { entry: { app: PATH.resolve(__dirname, 'src/bundle.js'), }, output: { path: PATH.resolve(__dirname, 'public/js'), filename: 'bundle.js' }, devtool: 'inline-source-map', […]

正确的方式来导入lodash: 我有一个拉请求反馈如下，只是想知道哪种方式是正确的方式导入lodash？你最好从'lodash / has'进行导入。对于本身很重的lodash（v3）的早期版本，我们应该只导入一个specidic模块/函数而不是导入整个lodash库。不确定更新的版本（v4）。 import has from 'lodash/has'; VS import { has } from 'lodash'; 谢谢

ES6 / 2015中的无担保财产访问（和有条件分配）: 在ES6（ES2015 / JavaScript.next / Harmony）中是否存在一个null -safe属性访问（空传播/存在）运算符?. 在CoffeeScript例如？还是计划在ES7？ var aThing = getSomething() … aThing = possiblyNull?.thing 这将大致如下： if (possiblyNull != null) aThing = possiblyNull.thing 理想情况下，解决scheme不应该为aThing分配（甚至是undefined ），如果aThing为null

Webpack / Babel / React生成错误：“未知选项：foo / node_modules / react / react.js.Children”: 我试图用webpackbuild立一个项目，并与这个webpackconfiguration作出反应： var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ], output: { publicPath: '/', filename: 'dist/main.js' }, debug: true, devtool: 'source-map', module: { loaders: [ { test: /\.js$/, include: path.join(__dirname, 'app'), loader: 'babel-loader', query: { presets: ['react', 'es2015'] } }, { test: /\.less$/, loader: "style!css!autoprefixer!less" }, […]

使用Webpack和Babel，你可能需要一个合适的加载器来处理这个文件types: 我正在尝试与Babel一起使用Webpack来编译ES6资产，但是我收到以下错误消息： You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import { render } from 'react-dom' 这是我的Webpackconfiguration看起来像： var path = require('path'); var webpack = require('webpack'); module.exports = { entry: './index', output: { path: path.join(__dirname, 'dist'), filename: 'bundle.js', publicPath: '/dist/' }, module: { loaders: [ { […]

ES6导出/导入索引文件: 我目前通过webpack / bable在React应用程序中使用ES6。我正在使用索引文件来收集模块的所有组件并将其导出。不幸的是，这看起来像这样： import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = Comp2_; export const Comp3 = Comp3_; 所以我可以很好地从这样的其他地方导入它： import { Comp1, Comp2, Comp3 } from './components'; 显然这不是一个很好的解决scheme，所以我想知道，如果有其他的方法。我似乎无法直接导出导入的组件。最好的祝福

如何将用ES6编写的模块发布到NPM？: 我正准备发布一个模块给NPM，当时我想到在ES6中重写它，同时面向未来，学习ES6。我使用Babel来转换到ES5，并运行testing。但我不知道如何继续：我是否要编译并将结果/输出文件夹发布到NPM？包含结果文件夹在我的Github回购？还是我维护2个仓库，一个是Github的ES6代码+ gulp脚本，另一个是经过转换的结果+ NPMtesting？简而言之：我需要采取什么步骤将ES6中编写的模块发布到NPM，同时还允许用户浏览/分离原始代码？

用ES6语法和Babel扩展Javascript的错误: 我试图用ES6和Babel来扩展Error。这不是工作。 class MyError extends Error { constructor(m) { super(m); } } var error = new Error("ll"); var myerror = new MyError("ll"); console.log(error.message) //shows up correctly console.log(myerror.message) //shows empty string 错误对象从来没有得到正确的消息集。试试Babel REPL 。现在我已经看到了一些关于SO的解决scheme（例如这里），但是他们都看起来非常不合适ES6-Y。如何在一个不错的，ES6的方式呢？（这是在巴别塔工作）

什么“代码生成器优化了的样式，因为它超过了”100KB“的最大值”是什么意思？: 我添加了一个新的npm包到我的项目，并需要在我的模块之一。现在我从webpack得到这个消息， build modulesNote: The code generator has deoptimised the styling of "D:/path/to/project/node_modules/ramda/dist/ramda.js" as it exceeds the max of "100KB". 这是什么意思？我需要采取一些行动吗？

Nodejs5和babel中的“意外令牌导入”？: 在js文件中，我使用import来代替require import co from 'co'; 并试图由nodejs直接运行它，因为它表示导入是“运送function”和支持没有任何运行时标志（ https://nodejs.org/en/docs/es6/ ），但我得到一个错误 import co from 'co'; ^^^^^^ SyntaxError: Unexpected token import 然后我试着用babel npm install -g babel-core npm install -g babel-cli npm install babel-core //install to babel locally, is it necessary? 并经过 babel-node js.js 仍然有相同的错误，意外的令牌导入？我怎么能摆脱它？