私が書いた元のディレクトリの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つのコピーで同じなので、他に何が違うのかを調べようとしています行動の中で。