問題タブ [webpack]

フロントエンドの設計プロセスをよりモジュール化しようとしており、webpackを検討しています。スタイル ローダーをサポートしているため、css ファイルをインポートして、次のようにドキュメントに挿入できます。

ただし、私の主な焦点は webapps ¹ではなく web サイトであるため、javascript を使用して css を追加するのは奇妙に感じます。しかし、私は時代遅れかもしれないので、疑問に思っています.ローダーはすべてのcssに使用されることを意図しているのか、それともcssの小さな条件付き部分をロードすることのみを意図しているのか?

また、すべての css をロードするために使用できる場合bundle.js、html で css ファイルを直接リンクするのではなく、css を挿入するために生成された webpack を使用するときにペナルティはありますか? JavaScriptが有効になっていない場合、明らかに壊れていますか？

1: 違いは、動的コンテンツがほとんどないこと、これらの Web サイトで JavaScript が果たす役割は小さいこと、JavaScript を使用してルーティングしていないが、ページに静的な .html ファイルがあることです。

こんにちは、webpackでこの問題が発生しました。require('../something')あるファイルから実行してからrequire('../../something')別のファイルで実行すると、両方とも同じファイルに解決されます。ただし、出力バンドルを見ると、同じ内容の 2 つの異なる webpack 関数があります。require('something')エイリアスを使用してこれを修正し、両方のファイルで実行できると確信しています。しかし、これは正しい方法ですか、それとも何か不足していますか?

ところで、これが必要なのは、angularjs がコントローラーの定義を解除することでいくつかの問題を引き起こしているためです。

requirejs のように、現在のファイル パスを受け取る方法はありますか?

WebPack を使用して「対決」を含めようとしています。問題は、showdown が require("fs") を実行し、戻り値を確認することです。これにより、WebPack がエラーをスローします。

require("fs") の呼び出しが false を返すように、シムを生成するように Webpack を構成することが可能であるように思われます。

おそらく、これらの手法のいずれかが機能する可能性があります: http://webpack.github.io/docs/shimming-modules.html

これが Showdown.js コードです。node modules ディレクトリ内のこのコードをコメントアウトすると、問題は解決します。ただし、もっと良い方法があるはずです。

以下のコード サンプルで、コメント行がマーク付きのインポートに機能しないのはなぜですか? https://github.com/shama/es6-loaderを使用しています

サンプル リポジトリは次のとおりです: https://github.com/justin808/react-tutorial-hot/tree/es6

このデモは以下を示しています: 1. Webpack とホットリロード 2. React 3. ES6

RequireJS で使用できる AMD スタイルで記述されたライブラリがあります。jqueryライブラリの利用者が提供するものとjquery-uiみなされます。次のように表示されます。

私はwebpackがどのように機能するかを理解しようとしています。たとえば、これらのファイルを 1 つの AMD スタイル ライブラリ ファイルにバンドルしたいとしjqueryますjquery-ui。

これはどのように達成されますか？

main-lib.jsas -point を指定して webpack を実行すると、entry見つからないというエラーが表示されます。で正しいパスを構成すると、 と にバンドルされますが、これは私が望むものではありません。使ってみましたが駄目でした。jqueryjquery-uiresolve.aliasjqueryjquery-uiout.jsoutput.externals

これが私のwebpack.config.js

で構築しています

私のdistフォルダでは、私は取得しています

• bundle.min.js
• bundle.min.js.map

非圧縮も見てみたいbundle.js