2017-11-29 7 views
0

私が書いた元のディレクトリのwebpack devサーバ上で動作しているReactアプリケーションでwebpackとcss-loaderを使用しています。しかし、gitにプッシュしてリポジトリをクローンした後、クローンバージョンはcssをロードしません(詳細は後述)。Webpack.config以外のWebpack CSSローダー構成ですか?

webpack.config.js、package.json、package-lock.json以外でwebpackローダーを設定できる場所はありますか?または、アプリのコピーで動作が異なる理由についてのアイデアですか?私は.gitignoreなしでこれを試して、何もストリップしていないことを確認して、すべてのファイルを同じにする必要がありました。

編集:今は、devのサーバー上でコピーを実行した後、元のも動作していないので、私は何かをキャッシュされて探しています。


詳細:

「-loader」が今webpack.config.jsに必要とされるため、クローニングした後、私は、私が間違っローダーの構文を使用していましたが分かりました。何らかの理由で元のコピーで動作しますが、両方のインスタンスはwebpack 3.8.1とcss-loader 0.28.7にあります。 (package.json、パッケージlock.json、および/ node_modulesはすべてのgitにあるので、すべてが同じバージョンでなければなりません - 右?)

これは私の元のリポジトリで動作します:

webpack.config.js: 
(...) 
{ 
    test: /\.css$/, 
    loader: 'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]' 
}, 

が、クローン化されたディレクトリにこのエラーが発生します。

BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders. 
      You need to specify 'css-loader' instead of 'css', 
      see https://webpack.js.org/guides/migrating/#automatic-loader-module-name-extension-removed 
@ ./app/components/GroupTable.js 3:0-37 
@ ./app/components/MainView.js 
@ ./app/components/App.js 
@ ./app/index.js 
@ multi (webpack)-dev-server/client?http://localhost:8081 ./app/index.js 

ので、私はこれにそれを更新:

webpack.config.js 
(...) 
{ 
     test: /\.css$/, 
     loader: 'css-loader?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]' 
    }, 

「loader」webpack.config.jsを追加すると、以前と同じようにcssがロードされません。 webpack.configには、.cssファイルで真と評価されるテストは他にありません。

私が知っている設定ファイル(webpack.config.js、package.json、package-lock.json)は2つのコピーで同じなので、他に何が違うのかを調べようとしています行動の中で。

答えて

0

誰かがこの質問を見つけた場合は、上記のファイルの外にが設定されていないと思われます()。問題は、CSSのローダーに変更を加えた後にwebpackから再構築していなかったことだと私は思っていませんでした。私はgitからコピーをビルドしたので、受信した設定を使用しましたが、これは壊れていました。

これは隠れた設定があるかどうかという問題に対処していますが、そうではないようです。

loader: 'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]' 

が、その間にこの処理が行われます:私はまだ、このローダが動作しない理由はないと確信している

{ 
    test: /\.css$/, 
    loader: "style-loader!css-loader" 
}, 
関連する問題