'module.exports = {};'와 동등한 방법은 무엇입니까? postcss.config.js에 대한 es6에서?

Question

webapck2에 postcss 로더를 사용하고 있습니다. 로더는 구성 파일 postcss.config.js을 필요로합니다. 나는 어떤 선택권도 필요가 없다. 이 문제는 주석 (https://github.com/akveo/ng2-admin/issues/604#issuecomment-271974780가) 내가 웹팩 (webpack -p --config webpack.config.js)을 실행할 때 단순히 그러나 postcss.config.js

module.exports = {}; 

이를 넣을 수 있습니다 제안, 나는 내가 생각하는

ERROR in ./~/postcss-loader!./~/css-loader?{"modules":true}!./~/less-loader!./app/scripts/components/forms/form.less 
Module build failed: Unknown word (1:1) 

> 1 | exports = module.exports = require("../../../../node_modules/css-loader/lib/css-base.js")(); 
    |^
    2 | // imports 
    3 | 

이러한 오류 메시지를 받았습니다 내 바벨 로더 때문에 .js 확장자를 가진 모든 파일에도 적용되며 module.exports = {};은 babel으로 번역되지 않은 것 같습니다.

빈 모듈 내보내기를 정의하기위한 es6의 올바른 구문은 무엇입니까?

방금 ​​주석 처리 한 경우 동일한 오류가 발생합니다.

내가 빈 파일을 왼쪽 경우,없는 설정 파일에 대한 불만 postcss :

ERROR in ./~/postcss-loader!./~/css-loader?{"modules":true}!./~/less-loader!./app/scripts/components/forms/form.less 
Module build failed: Error: No PostCSS Config found in: /Users/antkong/dev/project/app/scripts/components/forms 
    at Error (native) 
    at /Users/antkong/dev/project/node_modules/postcss-load-config/index.js:51:26 

내가 postcss 로더 1.1.0 및 웹팩 2.3.3

Answer 1

문제를 사용하고이 설정되지 않습니다 , 당신이 ES를 먼저 사용하지 않으면 ES 모듈을 사용할 수 없습니다.

다음에 postcss-loader을 적용하면 JavaScript가 생성되었지만 유효한 CSS는 아니지만 그게 postcss-loader입니다. postcss-loader은 css-loader과 less-loader 사이 여야합니다. 당신이 extract-text-webpack-plugin를 사용하는 경우

{ 
    test: /\.less$/, 
    use: [ 
    'style-loader', 
    { 
     loader: 'css-loader', 
     options: { 
     modules: true 
     } 
    }, 
    'postcss-loader', 
    'less-loader' 
    ] 
} 

을 또는 :

귀하의 .less 규칙은 다음과 같을 것이다

{ 
    test: /\.less$/, 
    use: ExtractTextPlugin.extract({ 
    fallback: 'style-loader', 
    use: [ 
     { 
     loader: 'css-loader', 
     options: { 
      modules: true 
     } 
     }, 
     'postcss-loader', 
     'less-loader' 
    ] 
    }) 
}