ソースコードをデバッグできる非常に基本的なpreact.js設定を見つけようとしています

Question

私の質問はかなり簡単です。私は、preact.jsの内部を掘り下げようとしており、どうすればよいかわかりません。つまり、フレームワークをうまく動作させることができます。私はpreact-boilerplate setupからwebpack buildを使ってそうします。繰り返しますが、うまく動作しますが、あまりにも多くのトランスリングとソースマッピングとホットローディングがあるようです。そして、他の人がこれらのフレームワークをすばやく魅力的にして、私は実際には見えません。 console.logなどの退屈なデバッグ用のもの。

もちろん、私はnode_modulesフォルダにpreactソースコードを見つけることができます。しかし、このコードは実際に実行/コンパイルしているようではありません。私はこれが、ウェブパックやバベルのためにリアルタイムですべてが蒸散されているか、何を知っているのだろうと考えています。とにかく - 私はpreact.jsを使うことができるセットアップをしたいが、実際にコードにアクセスできる場所がほしい。タグ内にjqueryファイルがある通常のウェブサイトを考えてみましょう。私は理論的には、mainact.htmlページのスクリプトタグにpreact.jsを追加するようなことを理論的に行うことができることを知っていますが、バベルの蒸散などの問題が発生します。そして、webpackの設定オプションでこれをやり遂げる何らかの方法があれば、それは私の給料等級を超えています...しかし、このような設定オプションもうまくいくでしょう。完璧な世界では、私は明らかにすべての魅力的なWebpackのものを持っていることが大好きですが、これは教育目的のためのものなので、私はソースコードをデバッグする機能だけを犠牲にしています...

私は事実を単純化するために実際に苦労しているという点で、奇妙な質問です。私はテレビを見たいと思っているような気がしますが、90インチフラットスクリーンでは面倒ですが、白黒の真空管が必要です。どんな助けもありがとう。どうもありがとう。ここで

Answer 1

は、任意のtranspilerなしpreactを使用するための例のレポです： https://github.com/developit/preact-without-babel

あなたはそれをローカルに編集できるようにunpkg.com/preactからpreactコピーすることもできます。