草庐IT

babel-watch

全部标签

javascript - CodeKit 停止了 "watching"文件夹的文件更改,为什么?

我喜欢CodeKit,但出于某种原因,它停止“监视”我放置在那里的文件夹中文件的更改。我仔细检查了项目配置以确保输出路径正确,但是当我更改任何正在监视的文件时,CodeKit什么都不做——没有缩小、语法检查、将.scss文件编译为.css。正如开发人员建议“刷新”CodeKit的那样,我在按住shift键的同时启动了应用程序,果然CodeKit打开时没有任何项目。所以我重新添加了项目,但仍然没有在看文件。有人用CodeKit遇到过这个问题吗? 最佳答案 我之前遇到过类似的问题,这是因为在codekit项目中我包含了images文件夹

javascript - 使用 Webstorm (Babel) 进行 ES6 调试

有webstormv10,babelfile-watcher工作正常,一切都很好。现在我想调试代码,有什么方法可以调试ES6文件本身,还是必须在编译的JS输出文件babel上调试?请指教。 最佳答案 Jetbrains'ticketsystem中存在与此相关的问题.我认为这个问题已经解决了。另见对应的GitHubissueintheBabelrepo.有一个examplesetuponJetbrains'blog,基本上设置了babel标志,例如--source-maps。这可能是一个duplicate.

javascript - 将 webpack 和 babel 与父项目目录中的文件一起使用

我有一个这样设置的项目,我正在尝试从file-b.js中获取file-a.js。project-name/node_modules/src/file-a.jstools/tool-name/node_modules/src/file-b.jswebpack.config.jspackage.jsonpackage.json我的webpack1.13.0配置一直有效,直到我添加了babel-loader6.2.4和babel-preset-es20156.6.0.然后我开始收到错误消息。ERRORin/home/dan/dev/dan/project-name/src/file-a.js

javascript - 找不到兼容版本 : babel-plugin-transform-decorators@^6. 13.0

很明显,当我运行npminstall时,突然出现以下错误:npmERR!Nocompatibleversionfound:babel-plugin-transform-decorators@^6.13.0npmERR!Validinstalltargets:npmERR!6.8.0,6.6.5,6.6.4,6.6.0,6.5.0,6.5.0-1,6.4.0,6.3.13,6.2.4,6.1.18,6.1.17,6.1.10,6.1.5,6.1.4,6.0.14,6.0.2我在package.json中有以下依赖项。我已经尝试将babel包更新到最新版本,以及安装babel-plugin

javascript - webpack watch 编译每个文件

根据webpackdocumentationforwatcheswebpackcanwatchfilesandrecompilewhenevertheychange.在我看来,这意味着webpack只会编译更改的文件。我有一个webpack.config.js看起来像这样module.exports={watch:true,watchOptions:{ignored:/node_modules/,},entry:{"first":'./web/assets/js/first.tsx',"second":'./web/assets/js/second.tsx',},//otherstuf

javascript - babel-preset-env 不使用 webpack 转译箭头函数

我正在将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

javascript - 如何覆盖babel的预设插件选项

我正在使用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

javascript - 如何在没有 bundler 的情况下使用 Babel,但具有类似于 webpack 的开发体验?

我正在尝试使用ES6modules构建一个新项目没有捆绑。我还是想用babel-7将TypeScript和JSX翻译成JS。我发现很难弄清楚如何为它设置开发服务器。我找不到任何类似于webpack-dev-server的“babel-dev-server”(热模块重新加载、浏览器同步、文件观察器)。一种可能是使用browsersync作为静态服务器,例如dist并并行运行类似babelsrc--out-dirdist--watch的东西。但这不包括热重载,对我来说似乎有点笨拙。此外,如果您可以为JS文件提供哈希以更好地控制缓存,那么它对于构建和开发步骤仍然有用。或者我可以配置像webp

javascript - .babelrc 中指定的 Babel 6 预设不起作用

正如标题所暗示的,基本上根据文档,对于新的Babel6,我们现在应该传入插件/预设,因为默认情况下它不会对我们的代码做任何事情。所以我在我的项目目录中创建了一个.babelrc文件,其中包含以下内容(就像在文档中一样){"presets":["es2015"]}但是这是行不通的。因为我使用的是webpack和babel-loader,所以我遇到了一个不同的答案,建议在webpack配置中加入这样的内容:{test:/\.js$/,exclude:/node_modules/,loader:"babel",query:{presets:["es2015"]}}这行得通。所以我的问题是,这

javascript - 如何将参数传递给 babel 6 中预设的插件?

我有一个reactpreset,我想将pragma参数传递给transform-react-jsx。现在我正在安装transform-react-jsx分别设置我的.babelrc如下:{"presets":["react"],"plugins":[["transform-react-jsx",{"pragma":"dom.hJSX"}]]}但我想知道是否有另一种方法可以将设置传递给预设中的插件。 最佳答案 所以我找到了babelgithub,正如我现在发现的那样thereisnoway将设置传递给预设中的插件。好的一面是anoth