2017-11-29 17 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 모든 자식에 있기 때문에 그리고, 모든 버전이 같아야한다 - 맞죠?)

이 내 원래의 저장소에 작동합니다

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)은 두 복사본간에 동일하므로 다른 점이 무엇이 있는지 알아 내려고합니다. 행동.

답변

0

누군가이 질문을 발견 한 경우 위에 나열된 파일 외의이 아닌 구성이있는 것으로 보입니다. 문제는 CSS 로더를 변경 한 후 webpack에서 다시 작성하지 않은 것이므로 깨뜨리지 않았다고 생각합니다. 나는 git에서 복사본을 빌드했기 때문에받은대로 설정을 사용했다.

숨겨진 설정이 있는지 여부에 대한 질문을 해결합니다.

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

하지만 그 동안이 작업을 수행합니다 : 나는 아직도이 로더가 작동하지 않는 이유없는 확신

{ 
    test: /\.css$/, 
    loader: "style-loader!css-loader" 
},