Webpack ^2.2.1
とスタイルローダー^0.13.2
を使用しています。Webpack 2.xでスタイルローダーの使用可能な機能が動作しない
私のWebPACKの設定から.cssファイルのためのルールは次のようになります。私は非同期import
CSSファイル(System.import
、require.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のページに問題を提出しました。
説明したようにローダー文字列を渡すと正しく動作します。この場合、公式の "* Webpackスタイル・ローダー・ガイドfor 2.x *"(https://webpack.js.org/loaders/style-loader/#recommended-configuration)にはっきりと説明されていますオプションとして「使用可能」機能。 – jAndy
Unfoortunately、Webpackのドキュメントは、多くの場合、最新のものでも正しいものでもないことは間違いありません。 –