的WebPack 2 - 進口拋出的postcss.config.js和其他js文件

Question

我有2的WebPack，PostCSS，ES2015（巴貝爾）和玩笑項目錯誤。

眼下，所有ES2015正確的src/index.js和文件的工作直接連接到src/index.js。

但在一些文件中，打破了代碼。例如，在mixins/index.js，我有這樣的：

const postcss = require('postcss');

而且當我把它改成這樣：

import postcss from 'postcss';

它拋出這個錯誤：

Module build failed: SyntaxError: Unexpected reserved word

同樣發生在postcss.config.js。

什麼我上的WebPack配置缺失，使其工作？

您可以檢查repository here。這些是我提到的文件：postcss.config.js和mixins/index.js

Answer 1

PostCSS要求您的文件位於專用CSS文件中，而不是*.js文件，就像它們在您的項目中一樣。

如果你想使用PostCSS用JavaScript（像ReactJS直列樣式）您需要的postcss-js解析器需要額外loader和像*.style.js，這樣的WebPack不能混淆的JavaScript風格與常規的JavaScript文件的命名風格通過Babel處理。