7
票
承認済み
text/babel とはなんですか?
MDNの<script>要素のドキュメントを読むと
type
スクリプトを表すタイプを指定します。この属性の値は、以下の種類のいずれかにします。
省略または JavaScript の MIME タイプ: これはスクリプトが JavaScript であることを示します。 HTML5 仕様書では、冗長な MIME タイプを指定せずに属性を省略するよう主張しています。...
5
票
承認済み
babelでトランスパイルをしても元ファイルとほぼ同じファイルが出力されてしまう
はい。あなたのgulpで、babelはきちんと動いています。
では、なぜ「あなたが求めている変換」は行われなかったのでしょうか。
まずはREADMEちゃんと読みましょうね。
https://www.npmjs.com/package/gulp-babel
このサンプルにあるように、
.pipe(babel({
presets: ['es2015']
}))
とすればes2015→...
4
票
承認済み
インストールした覚えが無い core-js に関する警告が出る
global、localのどこにもインストールされていない。
奇妙で少々怖い
npmの依存関係は複雑怪奇になりがちです。なので、知らないパッケージに依存していることはいたって一般的です。(このせいでサプライチェーン攻撃に脆弱な面もありますが)
npm v7以降であれば、依存関係の理由をボトムアップで取得できるexplainサブコマンドが使用できます。...
2
票
承認済み
UAParser.js をインポートできない
Babel はデフォルトでは、読み込むファイルを ES モジュールだと想定しパースします[1]。一方で ua-parser-js は CommonJS モジュールにのみ対応[2]しています。この状況で babel によるトランスパイルを行うと、 babel は ua-parser-js を import 文と同様の方法で読み込もうとします。しかし、 ua-parser-js は import ...
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://...
1
票
electronにてwebpackでソースのビルドが成功しているのに何も表示されない
この本、持ってます。何ページのものですか?
require が定義されていない、というエラー表示が出ているみたいなので
何かビルド設定が間違っているのかも。
追記です。本の著者さんの記事が出ていました。
ちょうどエレクトロンのところですので、こちらで動かされるとよいと思います。
https://news.mynavi.jp/article/zerojavascript-6/
1
票
babelでtypescriptをコンパイルするのとtscでtypescriptをコンパイルするのにどのような違いがありますか?
英単語で検索したら一発でした。
Choosing between Babel and TypeScript - LogRocket Blog
そこにTypeScriptを使用する際に知らなくてもいいようなことまで違いが詳しく書いてあるようです。
大きな違いはBabelは型チェックをしないことでしょう。
型チェックの説明が必要ですか?
TypeScriptのtscで型チェックを体験してみてください。
...
1
票
承認済み
@babel/polyfill が非推奨なので core-js に移行しようとしたが WSH 環境でうまく動かない
信用度が足らずコメントができないため回答に書きます。
core-jsを実行するまでになります。リンク先のテストは試していません
JScriptでユニコードを扱うには、ファイルのエンコードをUTF-16LEにします。UTF-8, UTF-8 BOMは対応していません(ちなみにコンソールのエンコード(chcp)は関係ありません。)
以下の手順でWSHでcore-jsを動かすことはできました。
...
1
票
承認済み
webpackのビルドをしても,ローカルの開発環境でエラーが出てしまいブラウザに何も表示されません
package.json の devDependencies プロパティから、質問者さんが Babel 7 を使用しているとわかります。そして Babel 7 からは、すべてのパッケージがスコープ付きパッケージへ変更されました[1]。これにより、パッケージ名は babel-* から @babel/* に切り替わることになります。
この変更が行なわれた主な理由は、下記引用の第二段落にあるとおり、...
1
票
承認済み
.babelrcのpresets, pluginsが何を指しているか分かりません。
babelの自体ではなく、個別のプラグインの設定なのでbabel-preset-envとtransform-object-rest-spreadにそれぞれ解説があります。
最新か1つ前のバージョンのChromeと今ビルドに使っているバージョンのNodeを対象にbabelで変換しています。
1
票
承認済み
CDN の babel6 による、べき乗演算子とasync/await について
(https://babeljs.io/docs/setup/#installation にもある通りstandaloneは限られた用途で使用可能ですが推奨されないのは理解されていると思った上で書きます)
babel 6 ではコアと各トランスパイル定義が分離されているためstandaloneを使用する場合も同様に使用するプリセットをなんらかの方法で指定してやる必要があります。(...
1
票
承認済み
babel-loaderの設定でexclude: /(node_modules|bower_components)/しているのは何故でしょうか
結論から言いますと、トランスパイルするサードパーティのpolyfillやモジュールよっては実行時にエラーになる可能性のあるものがあるからです。
こちらのQiitaの記事が参考になります
webpackでbabel際はnode_modulesをexcludeし忘れるべからず
また、同じ作者の方がexcludeを忘れた際にエラーがでるケースを再現したアプリケーションを公開してくれています。...
無効化に投票
関連するタグ
babeljs × 16javascript × 13
webpack × 6
node.js × 4
reactjs × 3
npm × 3
vue.js × 2
electron × 2
typescript × 1
nuxt.js × 1
gulp × 1
ecmascript-6 × 1
react-jsx × 1