웹팩 3 + PostCSS는

Question

여기 내 CSS를 웹팩 설정

{ test: /\.css$/, use: [ { loader: 'style-loader', }, { loader: 'css-loader', options: { sourceMap: true, importLoaders: 1 } }, { loader: 'postcss-loader', options: { sourceMap: true, // https://github.com/postcss/postcss-loader/issues/92 // https://github.com/postcss/postcss-loader/issues/8 plugins:() => [ precss(), postcssImport({ addDependencyTo: webpack }), postcssNested(), postcssCssnext({ browsers: ['last 2 versions', 'ie >= 9'], compress: true, }), ], }, }, ], }

@import의 변경 CSS 파일을 hotloading을지지 않습니다 그리고 내가 웹팩 (3)를 사용하고 내가 만지지 경우 hotloading 기능이 작동하지 않습니다 @import 인 css 파일, 사람들은 나를을 플러그인의 첫 번째 줄에 넣으 려했지만, precss 전에 넣으면 컴파일 오류가 발생합니다. 위의 설정에 아무 잘못이 있는지 궁금

는, 어떤 도움에 감사드립니다.

는이 REPO

https://github.com/iroy2000/react-redux-boilerplate에서 문제를 재현 할 수 있습니다.

Answer 1

은 내가 두 가지

1

) postcssImport({ addDependencyTo: webpack }) 플러그인에서 첫 번째해야 할 필요가 밝혀

2) 내 부분에 대한 sass @import style를 사용하려고했지만, 그것이 내가 필요 밝혀 내 부분을 가져올 때 _을 포함하십시오.

그리고 내 문제가 해결되었습니다.