14

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

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

test.html

<div><span>template content</span></div>

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

require("raw!./test.html")

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

"<div><span>template content</span></div>"

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

"modules.exports = <div><span>template content</span></div>"

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

生モジュールのソースコード

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

私の設定

module.exports =
{
    module:
    {
        loaders:
            [
                { test: /\.html$/, loader: "raw-loader" }
            ]
    }
};
4

3 に答える 3

-3

記述require('./test.html')するということは、ローダー チェーンから返されたコードを実行するだけということです。結果は、このコードで としてエクスポートされますmodule.exports。この結果を使用するには、require ステートメントを変数に割り当てる必要があります。

var htmlString = require('raw!./test.html');
//htmlString === "<div><span>template content</span></div>"

Webpack のローダーは、HTML や CSS ではなく、JS コードを返すことに注意してください。このコードを使用して、HTML、CSS などを取得できます。

于 2016-08-01T07:35:50.800 に答える