問題タブ [webpack-dev-server]

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.

0 投票する
1 に答える
2428 参照

angularjs - 別のポートで実行される Webpack 開発サーバー

そのため、ホスト ファイルのエイリアスを使用して、IISがポート 80 でWebApiおよびAngularJSプロジェクトを提供しています。mywebsite.local-dev.com

バンドル用の webpack 構成のセットアップがあります。今やりたいことは、ファイルを変更するとすべてが再バンドルされ、ブラウザーが更新されるように、webpack dev サーバーを上に貼り付けることだけです。

私はbrowser-syncほとんど働いていrequire('./somehtmltemplate.html')ますが、問題を引き起こしているようです。これはAngularアプリなので、ui-router テンプレート プロパティで require を使用します。これが私のgulpfileです:

私の質問は、どちらかを機能させるにはどうすればよいかです。

編集

使っ.cshtmlてるから使えないwebpack-dev-server。問題は、gulp を機能させるにはどうすればよいかということです。

0 投票する
1 に答える
244 参照

less - スタイルを WebPack に読み込む

xx.jsがロードされるたびにxx.lessをロードしようとする方法はありますか?

今のところ、require 'xx.less'関連するすべての js ファイルの先頭に追加しますが、これは少し醜いです。

0 投票する
3 に答える
25075 参照

webpack - Webpack Dev Server の実行方法 --https --hot --inline

CLI を使用して構成するときに、https で webpack-dev-server を実行することを活用する方法はありますか?

問題は、 への接続socket.ioが終わっhttpていて、 ではないことhttpsです。


回避策はありますが、非常に面倒です。

  1. https webpack-dev-serverを手動でindex.html
  1. を含めるように各エンドポイントを構成しますwebpack/hot/only-dev-server
0 投票する
1 に答える
2655 参照

typescript - Webpack の Typescript のソース マップ (webpack-dev-server を使用している場合はソース マップを表示できません)

awesome-typescript-loaderTypescript ( (リンク)) を Webpack と一緒に使用しようとしていますが、実行時にブラウザにソース マップが表示されませんwebpack-dev-server。同じセットアップがbabel-loader(リンク) と ES6 クラスで機能しました (ES5 にコンパイルされていても、ブラウザーで ES6 クラスをデバッグできました)。

私の Webpack 構成ファイルは次のようになります (これは重要なスニペットです。完全なバージョンはgithubにあります):

0 投票する
1 に答える
791 参照

javascript - webpack を使用したサーバー側のレンダリング

Reactjs、webpack、page.js (ルーティング) を使用して webapp を構築しています。Webpack は、クライアント側にロードされる bundle.js を提供します。

クライアントにロードしている場合、og メタ タグをクロールできないことがわかったので、サーバー サイド (サーバー サイド レンダリング) に実装する必要があります。それを実装する方法はありますか?

(ネット上でこれに関する適切なドキュメントが見つかりませんでした)。

0 投票する
0 に答える
136 参照

reactjs - 「createDecipheriv はまだ実装されていませんが、プル リクエストを受け付けています」webpack、react、iron を使用

webpack と react を使用するプロジェクトをセットアップ中です。

Iron を使用して Cookie に保存されている SID をアンシールしています

しかし、私が行うとこのエラーが発生します

Uncaught Error: 申し訳ありませんが、createDecipheriv は実装されていませんが、プル リクエストを受け付けています。

私の現在のJSONパッケージは次のとおりです。

0 投票する
0 に答える
85 参照

reactjs - webpack はどのようにホット リロード機能を実装しましたか?

シーンを超えた魔法は何だろうと思います。

http://webpack.github.io/docs/hot-module-replacement-with-webpack.html

0 投票する
0 に答える
4736 参照

webpack - webpack で livereload を使用する

webpack で livereload を使用したいと思います。1 つのオプションはホット モジュール置換を使用することですが、私の場合、js ファイルはサーバーからではなくファイル システムから提供する必要があります ( localhost:<port>)。

grunt や gulp を使わずに livereload を webpack と統合する方法はありますか?

0 投票する
1 に答える
2259 参照

sass - Webpack と SASS のホット リロード

シンプルなhtmlとCSSアプリを作っています。開発中の Web サイト LIVE に表示するには、SASS の変更が必要です。

すべての SASS と開発が完了したらwebpack -b、webpack を実行して SASS を CSS に変換する必要があります。

誰かが以前にこれを行ったことがあると確信しています。ありがとう。