問題タブ [webpack]

Webpack でアプリケーションをビルドしようとしていますが、pdfmake を統合したいのですが、残念ながらこの問題が発生します。「pdfmake.js」ファイルが「web_modules」フォルダーにあり、それらを

私が呼び出すとき：

すると、彼は「CreatePDF」は私を驚かせた機能ではなく、「pdfmake」ではなく「ファイルセーバー」を呼び出してこれらの場所に戻ることがわかったと私に言いました。これはあなたの誰かに起こったことがありますか？ご協力いただきありがとうございます！

Webpack または Browserify を UI-Router で動作させることができないようです。誰でも助けることができますか？

ここに私のモジュールファイルがあります:

そして、ルートの私のファイル:

angularjs と webpack を使用して単純なアプリを実行しようとしています。ここに私のコードがあります:
index.html

app.js

Webpackconfig.js

main.js

bundle.js

また、私はこれを見ました: https://github.com/jeffling/angular-webpack-example
質問は、これを正しく実行するにはどうすればよいですか?

モジュール パスを webpack で解決する方法がまだわかりません。今私は書く：

しかし、私は書きたい

as alias then I canを使用した同様の例が見られるので、 resolve.aliasが役立つかもしれないと考えていました。{ xyz: "/some/dir" }require("xyz/file.js")

しかし、エイリアスを に設定すると{ mydir: '/absolute/path/mydir' }、機能しrequire('mydir/myfile.js') ません。

ドキュメントを何度も読んでいて、何かが足りないと感じているので、私はばかげているように感じます。../../親戚が必要とするすべてをetcで書くことを避ける正しい方法は何ですか?

私は現在、開発に使用しているため、すばやく反復できます (ファイルの変更、ページの更新、間にビルドrequire.js手順はありません) 。require.js を完全に取り除き、webpack を開発中のスクリプト ローダーとして使用したいと考えています。それがまさにその目的であることは知っていますが、特に使用したくありません。webpackr.jswebpack dev server

理想的には、ある種の webpack loader を に含め<script>、それを自分のwebpack.jsビルド構成に向けて、仕事をさせます。

私は、jstransformによって提供される ES6 構文を使用して、React の JSX ファイルを作成することに慣れています。大好きです。

これは、webpack + jsx-loaderを使用してクライアント用にコンパイルされます–?harmonyスイッチを使用します。ノードでは、node-jsxモジュールを使用して .jsx ファイルを直接要求します。

それでも、私の「通常の」js スクリプトは、まだ「古い」ES5 構文を使用しています。そこでjstransformを使用するにはどうすればよいですか。つまり、node.jsとブラウザの両方でES6構文を使用できますか?

• ノード上: --harmony スイッチは jstransform として機能していますか、それとも node-jsx に似たプラグインを使用する必要がありますか?
• webpack: jstransform を使用してコンパイルする方法は? jstransform-loaderを試してみましたが、うまくいきません。

Webpack Dev Server ( http://webpack.github.io/docs/webpack-dev-server.html )にラップされた単純なノード Express サーバーを使用しています。

静的ファイルが「public」というディレクトリにある最上位ディレクトリから高速アプリを開始しています。

次の構成行があります。

と入力http://0.0.0.0:3000/index.htmlすると、すべて問題ありません。

の URL はhttp://0.0.0.0:3000/、最上位のディレクトリ リストを生成します。

http://0.0.0.0:3000/index.html ファイルに移動するように構成する適切な方法は何ですか?

私は webpack を初めて使用し、既存の Web アプリケーションを変換して使用しています。

私は webpack を使用して JS をバンドルおよび縮小していますが、これは展開時に優れていますが、これにより開発中のデバッグが非常に困難になります。

通常、Chrome の組み込みデバッガーを使用して JS の問題をデバッグします。（またはFirefoxのFirebug）。ただし、webpack ではすべてが 1 つのファイルに詰め込まれるため、そのメカニズムを使用してデバッグするのは困難になります。

バンドリングをすばやくオンまたはオフにする方法はありますか? または縮小化をオンまたはオフにしますか？

スクリプト ローダーの構成またはその他の設定があるかどうかを確認しましたが、明らかではないようです。

すべてをモジュールのように機能させ、require を使用するように変換する時間はまだありません。したがって、ロードには単に require("script!./file.js") パターンを使用します。

私はそれとフラグでwebpack-dev-serverを使用しています。これはすべてうまくいきます。--inline--host

webpack-dev-server --inline --host example.com

次に、 gulpと webpack-dev-server APIを使用してこのタスクをまとめることを検討しました。

これは機能していないようです。API にはまたはがないと思いinlineますhost。

これが可能かどうか、何か考えはありますか?

JS モジュールのフォルダー構造があります。ページごとに 1 つのモジュールが必要です。これは単一ページのアプリではありません。

フォルダ構造でファイルを出力するにはどうすればよいですか?

私が見ることができる唯一の可能性は、出力すること[name].jsです。これは、名前を非常に一意にするか、名前に-フォルダー区切り記号を付けるとうまくいく可能性があります。a/b/c.jsこれは、 name に変換されることを意味しa-b-cます。私は本当にこれが好きではありません。できるようになりたいrequire("a/b/c")です。

私が知る限りrequire、モジュールの外部では利用できないため、単一のバンドルファイルも使用できません。もしそうなら、私は単一のバンドルをrequire("a/b/c")すべてのページで構築することができました.

インターネット上で見つけられない良い方法があれば教えてください。

r.jsを使ってrequire.jsで簡単にできるようですが、require.jsを使いたくないのでCommonJSモジュールが欲しいです。