필자가 작성한 원본 디렉토리의 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 모든 자식에 있기 때문에 그리고, 모든 버전이 같아야한다 - 맞죠?)
이 내 원래의 저장소에 작동합니다
webpack.config.js:
(...)
{
test: /\.css$/,
loader: 'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]'
},
하지만 복제 된 디렉토리에이 오류가 발생합니다
webpack.config.js
(...)
{
test: /\.css$/,
loader: 'css-loader?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
그래서이로 업데이트 0
'-loader'webpack.config.js를 추가하면 css가 이전과 같이로드되지 않습니다. .css 파일에 대해 true로 평가되는 webpack.config의 다른 테스트는 없습니다.
알고있는 설정 파일 (webpack.config.js, package.json, package-lock.json)은 두 복사본간에 동일하므로 다른 점이 무엇이 있는지 알아 내려고합니다. 행동.