我在泡菜里。我使用了一个创建-反应-应用程序 (v2),弹出它,并按照
projectDir > src > pages > page > page.js || page.css
我有多页。
我一直在尝试使用 postcss 和自动前缀器配置 webpack,但没有什么与我的webpack.config.dev.js
相近的。这是我的 webpack 中带有自动前缀的 postcss 的部分:
const getStyleLoaders = (cssOptions, preProcessor) => {
const loaders = [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: cssOptions,
},
{
// Options for PostCSS as we reference these options twice
// Adds vendor prefixing based on your specified browser support in
// package.json
loader: require.resolve('postcss-loader'),
options: {
// Necessary for external CSS imports to work
// https://github.com/facebook/create-react-app/issues/2677
ident: 'postcss',
plugins: () => [
require('postcss-flexbugs-fixes'),
require('postcss-preset-env')({
autoprefixer: {
flexbox: 'no-2009',
},
stage: 3,
}),
],
},
},
];
if (preProcessor) {
loaders.push(require.resolve(preProcessor));
}
return loaders;
};
它是我弹出应用程序后的基础。另外,我将postcss.config.js添加到我的根目录中,但我不知道在哪里导入它。
module.exports = {
plugins: [
require('autoprefixer')
],
};
有人对如何继续使自动前缀器使用它有任何提示吗?
CRA 使用开箱即用的自动前缀器