Skip to main content

次のタグが付いている話題の回答:

7
承認済み

text/babel とはなんですか?

MDNの<script>要素のドキュメントを読むと type スクリプトを表すタイプを指定します。この属性の値は、以下の種類のいずれかにします。 省略または JavaScript の MIME タイプ: これはスクリプトが JavaScript であることを示します。 HTML5 仕様書では、冗長な MIME タイプを指定せずに属性を省略するよう主張しています。...
hinaloe's user avatar
  • 4,751
5
承認済み

babelでトランスパイルをしても元ファイルとほぼ同じファイルが出力されてしまう

はい。あなたのgulpで、babelはきちんと動いています。 では、なぜ「あなたが求めている変換」は行われなかったのでしょうか。 まずはREADMEちゃんと読みましょうね。 https://www.npmjs.com/package/gulp-babel このサンプルにあるように、 .pipe(babel({ presets: ['es2015'] })) とすればes2015→...
hinaloe's user avatar
  • 4,751
4
承認済み

インストールした覚えが無い core-js に関する警告が出る

global、localのどこにもインストールされていない。 奇妙で少々怖い npmの依存関係は複雑怪奇になりがちです。なので、知らないパッケージに依存していることはいたって一般的です。(このせいでサプライチェーン攻撃に脆弱な面もありますが) npm v7以降であれば、依存関係の理由をボトムアップで取得できるexplainサブコマンドが使用できます。...
hinaloe's user avatar
  • 4,751
2
承認済み

UAParser.js をインポートできない

Babel はデフォルトでは、読み込むファイルを ES モジュールだと想定しパースします[1]。一方で ua-parser-js は CommonJS モジュールにのみ対応[2]しています。この状況で babel によるトランスパイルを行うと、 babel は ua-parser-js を import 文と同様の方法で読み込もうとします。しかし、 ua-parser-js は import ...
supa's user avatar
  • 5,391
1
承認済み

babel cli の使い方

babel-cli も古いためエラーになっています。@babel/cli を使ってください。 babel では v7.0.0-beta.3 から beta.4 に上げる際に、@babel/ への移行を行っています: https://github.com/babel/babel/blob/main/CHANGELOG.md#v700-beta3-2017-10-15。詳しくはこちら: https://...
nekketsuuu's user avatar
  • 2.4万
1

electronにてwebpackでソースのビルドが成功しているのに何も表示されない

この本、持ってます。何ページのものですか? require が定義されていない、というエラー表示が出ているみたいなので 何かビルド設定が間違っているのかも。 追記です。本の著者さんの記事が出ていました。 ちょうどエレクトロンのところですので、こちらで動かされるとよいと思います。 https://news.mynavi.jp/article/zerojavascript-6/
s.yamamoto's user avatar
1

babelでtypescriptをコンパイルするのとtscでtypescriptをコンパイルするのにどのような違いがありますか?

英単語で検索したら一発でした。 Choosing between Babel and TypeScript - LogRocket Blog そこにTypeScriptを使用する際に知らなくてもいいようなことまで違いが詳しく書いてあるようです。 大きな違いはBabelは型チェックをしないことでしょう。 型チェックの説明が必要ですか? TypeScriptのtscで型チェックを体験してみてください。 ...
Query Kuma's user avatar
1
承認済み

@babel/polyfill が非推奨なので core-js に移行しようとしたが WSH 環境でうまく動かない

信用度が足らずコメントができないため回答に書きます。 core-jsを実行するまでになります。リンク先のテストは試していません JScriptでユニコードを扱うには、ファイルのエンコードをUTF-16LEにします。UTF-8, UTF-8 BOMは対応していません(ちなみにコンソールのエンコード(chcp)は関係ありません。) 以下の手順でWSHでcore-jsを動かすことはできました。 ...
7cc's user avatar
  • 161
1
承認済み

webpackのビルドをしても,ローカルの開発環境でエラーが出てしまいブラウザに何も表示されません

package.json の devDependencies プロパティから、質問者さんが Babel 7 を使用しているとわかります。そして Babel 7 からは、すべてのパッケージがスコープ付きパッケージへ変更されました[1]。これにより、パッケージ名は babel-* から @babel/* に切り替わることになります。 この変更が行なわれた主な理由は、下記引用の第二段落にあるとおり、...
supa's user avatar
  • 5,391
1
承認済み

.babelrcのpresets, pluginsが何を指しているか分かりません。

babelの自体ではなく、個別のプラグインの設定なのでbabel-preset-envとtransform-object-rest-spreadにそれぞれ解説があります。 最新か1つ前のバージョンのChromeと今ビルドに使っているバージョンのNodeを対象にbabelで変換しています。
zakki's user avatar
  • 2,034
1
承認済み

CDN の babel6 による、べき乗演算子とasync/await について

(https://babeljs.io/docs/setup/#installation にもある通りstandaloneは限られた用途で使用可能ですが推奨されないのは理解されていると思った上で書きます) babel 6 ではコアと各トランスパイル定義が分離されているためstandaloneを使用する場合も同様に使用するプリセットをなんらかの方法で指定してやる必要があります。(...
hinaloe's user avatar
  • 4,751
1
承認済み

babel-loaderの設定でexclude: /(node_modules|bower_components)/しているのは何故でしょうか

結論から言いますと、トランスパイルするサードパーティのpolyfillやモジュールよっては実行時にエラーになる可能性のあるものがあるからです。 こちらのQiitaの記事が参考になります webpackでbabel際はnode_modulesをexcludeし忘れるべからず また、同じ作者の方がexcludeを忘れた際にエラーがでるケースを再現したアプリケーションを公開してくれています。...
IzumiSy's user avatar
  • 218

無効化に投票