問題タブ [raw-loader]

以下は、webpack を使用せずに templateUrl バージョンを使用する前に、私のディレクティブのスニペットです。私の webpack.config ファイルも含めました。私はこれを理解できないようです。

Webpack コマンドを実行すると、このエラーが発生します。間違ったディレクトリにあるファイルに到達しようとしていることはわかっていますが、ディレクトリのパスのいくつかのバリエーションを試してみましたが、成功しませんでした:

これが mywebpack 構成ファイルです。

angular2 アプリケーション バンドルを構成するために webpack を使用します。

ページのデザインにはsassを使用しています。

コンポーネント スタイルの sass を解決するローダー チェーンは次のとおりです。raw!sass

縮小せずに開発に使用すると、すべて正常に動作します。

UglifyJS プラグインを使用すると、デザインが壊れ、インポートされた css クラスのクラス位置が変更されます。

私のコンポーネント:

スタイルの私の webpack 設定:

scss ファイル:

UglifyJS を使用すると、マテリアライズ ライブラリからのクラスの順序が乱れます。

scss ファイルをコンパイルして css ファイルが必要な場合は問題なく動作しますが、この方法でファイル内の何かを変更すると_colors.scss、webpack がそれを探すことを知らないため、scss ファイルを自分でコンパイルする必要があります。

誰でも私を助けることができますか？ありがとう！

だから私はwebpackを使って非常に簡単な仕事をしたいと思っています。

たとえば、いくつかの静的HTMLテンプレートがあります

test.html

私がやりたいのは、テンプレート内の文字列を返すことだけです。

with は次のような文字列を返す必要があります。

代わりに、次の文字列を返します

raw-loader や html-loader など、いくつかのモジュールを試しました。どちらも同じように動作するので、ソースコードを調べて、このように動作することが想定されていることを確認しました。

では、生の HTML だけが必要な場合、これをどうする必要があるのでしょうか。先頭に追加された「module.exports =」文字列を削除するのは悪い習慣ですか? バンドル編集から:「modules.export =」部分を削除すると、バンドルは何も返されません:/

私の設定

WebpackでES6を使用しようとしています。JavaScript モジュールのインポート/エクスポートには問題ありませんが、raw-loader を動作させることができません。

これが私のソースファイルでやろうとしていることです

template.html ファイルには生の HTML が含まれています。

webpack を起動すると、コードは次のように生成されます。

"hello\n <div>..."エクスポートする文字列のみにする必要があります。

これについて何か助けはありますか？これを行う方法が本当にわかりません。

webpackのrawローダーとurlローダーの違いを知っている人はいますか? URLローダーは、特定のファイルサイズでファイルローダーにフォールバックすることを除いて、rawと同じことをしますか?