5

私はAngular 2アプリに取り組んでおり、現在Webpack 2で構築しようとしています(これはWebpackへの私の最初の進出です)。

style-loaderとの違いを理解してto-string-loaderいます。前者は CSS を DOM に追加し、後者は Angular 2 がstylesプロパティを介して消費する文字列配列を作成します。

私の質問は、私は両方を持つことができますか？または別の言い方をすれば、ファイルにグローバル スタイルがある場合、コンポーネント スタイル ( 、)site.cssの動作を変更せずにそれらを Webpack にバンドルする適切な方法は何ですか?to-string-loadercss-loader

それらを要求またはインポートするmain.tsだけでは、Webpack が何をすべきかを理解するのに十分ではないようです。

4

1 に答える 1

6

ローダーは、特定のモジュール リクエストに対してオーバーライドできます。

require("!!style!css!./global-styles/site.css");

または、条件ごとに異なるローダーを定義できます。

module: {
    loaders: [
        {
            test: /\.css$/,
            include: [path.resolve(__dirname, "global-styles")],
            loaders: ['style', 'css']
        },
        {
            test: /\.css$/,
            exclude: [path.resolve(__dirname, "global-styles")],
            loaders: ['to-string', 'css']
        },
    ...
于 2016-11-06T20:48:03.173 に答える