我正在将babel与webpack结合使用，我试图让箭头函数与InternetExplorer一起工作，但我无法让它工作。这是我的package.json开发依赖项:"devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","webpack":"^3.12.0","webpack-cli":"^3.1.0"}这是我的webpack.config.js:mo
我正在使用babel-preset-react-app通过以下.babelrc:{"presets":["react-app"],"plugins":["transform-es2015-modules-commonjs","transform-async-generator-functions"]}我需要覆盖babel-plugin-transform-runtime选项。我尝试通过以下方式安装插件并将其添加到.babelrc中:{"presets":["react-app"],"plugins":[["babel-plugin-transform-runtime",{"helper
我正在尝试使用ES6modules构建一个新项目没有捆绑。我还是想用babel-7将TypeScript和JSX翻译成JS。我发现很难弄清楚如何为它设置开发服务器。我找不到任何类似于webpack-dev-server的“babel-dev-server”(热模块重新加载、浏览器同步、文件观察器)。一种可能是使用browsersync作为静态服务器，例如dist并并行运行类似babelsrc--out-dirdist--watch的东西。但这不包括热重载，对我来说似乎有点笨拙。此外，如果您可以为JS文件提供哈希以更好地控制缓存，那么它对于构建和开发步骤仍然有用。或者我可以配置像webp
正如标题所暗示的，基本上根据文档，对于新的Babel6，我们现在应该传入插件/预设，因为默认情况下它不会对我们的代码做任何事情。所以我在我的项目目录中创建了一个.babelrc文件，其中包含以下内容(就像在文档中一样){"presets":["es2015"]}但是这是行不通的。因为我使用的是webpack和babel-loader，所以我遇到了一个不同的答案，建议在webpack配置中加入这样的内容:{test:/\.js$/,exclude:/node_modules/,loader:"babel",query:{presets:["es2015"]}}这行得通。所以我的问题是，这
我有一个reactpreset，我想将pragma参数传递给transform-react-jsx。现在我正在安装transform-react-jsx分别设置我的.babelrc如下:{"presets":["react"],"plugins":[["transform-react-jsx",{"pragma":"dom.hJSX"}]]}但我想知道是否有另一种方法可以将设置传递给预设中的插件。 最佳答案 所以我找到了babelgithub，正如我现在发现的那样thereisnoway将设置传递给预设中的插件。好的一面是anoth
因此，babel发布了截然不同的版本6。源map显示不正确(在Chrome开发人员中单击js文件不会引导我到es6源文件中正确的对应行)。这是我的gulpfile:"usestrict";vargulp=require("gulp"),sourcemaps=require("gulp-sourcemaps"),babel=require("gulp-babel"),uglify=require('gulp-uglify'),rename=require('gulp-rename');varpaths=['dojo-utils','dom-utils/dom-utils','esri-u
我刚刚设置了新的webpack4项目，并在我的主js文件中导入了babel-polyfill导入'babel-polyfill';在webpack生产构建之后，我用source-map-explorer分析了我的bandle我看到了这样的图片所以babel-polyfill(core-js)占用了150Kb，这在我看来太多了。有什么想法可以减小尺寸吗？我不想包含任何特定的polyfill(应该有一些tree-shaking，所以应该删除未使用的代码？)。我使用这个样板:https://github.com/flexdinesh/react-redux-boilerplate/tree/
我正在使用handlebars模板编写一个库，我想使用Webpack来捆绑它。我正在使用handlebars-loader这样我就可以要求并预编译模板。但是我不希望Handlebars(或Handlebars/运行时)包含在我编译的库中，因此，我想将它们设置为外部。这是我的配置文件:module.exports={context:__dirname+'/src',entry:'./index.js',output:{path:__dirname+'/dist',filename:'stuff.js',libraryTarget:'umd',library:'Stuff'},extern
首先让我说我设置的一切都有效，这只是一个困扰我的问题，我很想得到答案。我正在使用react-hot-boilerplate项目(https://github.com/gaearon/react-hot-boilerplate)。然而，在webpack.config.js中，这个设置让我困惑不已:output:{path:path.join(__dirname,'dist'),filename:'bundle.js',publicPath:'/static/'},在此配置中，输出文件似乎应该进入项目根目录中的dist文件夹。即使我手动创建dist文件夹(我知道我不应该这样做)，也不会输出
在Babel中docs他们只是说要包含import"babel-polyfill";以便我可以使用ES6生成器，但是在我将该行包含在我的gulpfile.js中之后，我仍然会生成一个异常:UncaughtReferenceError:regeneratorRuntime未定义这是我的gulpfile.jsimport'babel-polyfill';vargulp=require("gulp"),babel=require("gulp-babel"),concat=require('gulp-concat'),rename=require('gulp-rename'),uglify=r
