2017-03-05 12 views
2

Webpack ^2.2.1とスタイルローダー^0.13.2を使用しています。Webpack 2.xでスタイルローダーの使用可能な機能が動作しない

私のWebPACKの設定から.cssファイルのためのルールは次のようになります。私は非同期import CSSファイル(System.importrequire.ensure元)、あなたは、代わりに生のCSSデータをオブジェクトを受け取ったとき

  { 
       test:  /\.css$/, 
       use: [ 
        { loader: 'style-loader', options: { useable: true } }, 
        { loader: 'css-loader' } 
       ] 
      } 

use()unuse()useableオプションがtrueに設定されているため)。

import('./mod1.css').then(cssRaw => { 
     setTimeout(() => { 
      // let's assume an async use case 
      cssRaw.use(); 
     },3000); 
    }); 

ただし、これはもう私のためには機能しません(Uncaught TypeError: cssRaw.use is not a function)。

実際、import(旧System.import)が提供するオブジェクトは、このようなメソッドを所有していません。

私がここで間違っていることやWebpack 2.xで何か変わったことはありますか? この正確なコードはあらかじめ正しく動作していました。それは期待と同じように

{ loader: 'style-loader/useable' } 

作品としてローダー弦の上を通過する、これまでの回答で述べたように


。これが想定される方法だとすれば、私は "recommended configuration for style-loader in 2.x"が間違っていると思います。


は、私は今日( https://github.com/webpack-contrib/style-loader/pull/185/commits)に固定して受け入れられたのWebPACKのgithubのページに問題を提出しました。

答えて

3
を次のようにあなたのローダーの設定を変更し

{ 
    test: /\.css$/, 
    use: [ 
     { loader: 'style-loader/useable' }, 
     { loader: 'css-loader' } 
    ] 
} 

使用可能なをスタイル・ローダモジュールディレクトリ内で利用可能なオプションが、それ自体で、ローダ、ではないようです。

+1

説明したようにローダー文字列を渡すと正しく動作します。この場合、公式の "* Webpackスタイル・ローダー・ガイドfor 2.x *"(https://webpack.js.org/loaders/style-loader/#recommended-configuration)にはっきりと説明されていますオプションとして「使用可能」機能。 – jAndy

+0

Unfoortunately、Webpackのドキュメントは、多くの場合、最新のものでも正しいものでもないことは間違いありません。 –

関連する問題