問題タブ [webpack]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Webpackでバンドルの「Web」バージョンと「ノード」バージョンの両方を同時に作成する方法は?
Webpack または Browserify を使用して、バンドルの「Web」バージョンと「ノード」バージョンの両方を一度に作成する方法はありますか? バンドルの「Web」バージョンはクライアントで使用され、同じバンドルの「ノード」バージョンはサーバーで事前レンダリングに使用されます (「同形」の Web アプリケーション)。
javascript - webpack-dev-server が react-router からのエントリ ポイントを許可する方法
反応ルーターと一緒に開発で webpack-dev-server を使用するアプリを作成しています。
webpack-dev-server は、1 つの場所 (つまり "/") にパブリック エントリ ポイントがあるという前提に基づいて構築されているようですが、react-router ではエントリ ポイントを無制限に使用できます。
webpack-dev-server の利点、特に生産性に優れたホット リロード機能が必要ですが、react-router で設定されたルートをロードできるようにしたいです。
それらが連携して動作するように実装するにはどうすればよいでしょうか? これを許可するような方法で、webpack-dev-server の前で高速サーバーを実行できますか?
javascript - Marionette を実行している Webpack アプリの外部テンプレート
Webpack でアプリケーションをセットアップし、Backbone Marionette でフロントエンドを実行しています。[AMD/Require と同様に、App Module 内の Controller 内で LayoutView を生成する] アプリケーション スクリプトを実行することはできましたが、わかりません。
以前は Underscore テンプレートを使用していましたが、webpack は Jade と Handlebars を好みます。Jade に切り替えても、LayoutView はエラーを返します。
Uncaught UndefinedTemplateError: null または未定義であるため、テンプレートをレンダリングできません。
レンダリングされた Jade テンプレートをコンソールからログアウトすると、次のようになります。<div class="glossary-container"></div>
レビュー用の私のLayoutViewコードは次のとおりです。
modernizr - Webpack と modernizr で TypeError: document is undefined エラーが発生する
webpack を使用して、javascript ファイルをバンドルしています。
私の Webpack 構成 (gulp を使用して Webpack に渡される) は次のようになります。
私app.jsは単純なrequireです：
Webpack は問題なくファイルをビルドし、生成されたファイルには modernizr が含まれています。
問題は、ページにファイルを含めてテストすると、modernizr エラーが発生することです。
webpack のバンドル ファイルは次のようになります。
この問題の原因は何ですか?
node.js - ローダ出力固定ファイル名
設定ファイルは以下のようになります
ただし、実行すると、出力フォルダーに [hash].ttf が生成されます。ハッシュなしで同じ入力ファイル名で出力する方法。
javascript - AngularJS と Webpack の統合
大規模な AngularJS アプリケーションにwebpackを使用する際の助けを探しています。機能に基づくフォルダー構造を使用しています (各機能/ページにはモジュールがあり、コントローラー、ディレクティブがあります)。単一のバンドルを生成する Grunt で動作するように webpack を正常に構成しました。大きなアプリになるので、チャンクを作成したいと思います。モジュール (ページ/機能) アーティファクトを非同期でロードしたいと考えています。
'code splitting'構文を使用して使用する webpack の例をいくつか見ていきrequire([deps],fn )ます。ただし、チャンクを遅延ロードできませんでした。まず第一に、AngularJS がユーザーを次のページにルーティングする前に、これらのチャンクをインポートする必要がある正確な場所がわかりません。責任の明確な分離を見つけるのに苦労しています。
各ルートの後にコントローラー/ディレクティブ/フィルターを非同期にロードするために webpack が使用される AngularJS アプリケーションの例を誰かが教えてくれましたか?
私がフォローしているリンクのいくつか： 角度1.xでの依存関係の遅延読み込みにBrowserifyまたはWebpackを使用する必要があり ます/posts/code/single-page-modules-with-webpack.html
less - webpack のローローダーの問題
モジュールから flat-ui.less をロードする際に問題があります。助けが必要。
このようなflat-uiが必要ですrequire('flat-ui/less/flat-ui.less');また、関連する各ローダーのバージョンは"less-loader": "^0.7.7", "css-loader": "^0.9.0", "style-loader": "^0.8.1",
私webpack.config.jsはこのようなものです：
残念ながら、私はこれを手に入れました
ここで何が起こっているのか分かりますか??
前もって感謝します。