您好,我弹出了CRA以添加较少的配置,但出现这样的错误
(./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/less-loader/dist/cjs.js??ref--6-oneOf-3-2!./node_modules/postcss-loader/src??postcss!./src/index.css)
webpack版本-4,我以任何方式添加了较少的配置,但出现了错误,并且我已经安装了Bootstrap css,并且也出现了类似“ {”的错误,这在cli中丢失了>>
const getStyleLoaders = (cssOptions, preProcessor) => { const loaders = [ isEnvDevelopment && require.resolve('style-loader'), isEnvProduction && { options: paths.publicUrlOrPath.startsWith('.') ? { publicPath: '../../' } : {}, }, { loader: require.resolve('css-loader'), options: cssOptions, }, { loader: require.resolve('less-loader'), //added less here options: cssOptions, }, { loader: require.resolve('postcss-loader'), options: { ident: 'postcss', plugins: () => [ require.resolve('autoprefixer'), require('postcss-flexbugs-fixes'), require('postcss-preset-env')({ autoprefixer: { flexbox: 'no-2009', }, stage: 3, }), postcssNormalize(), ], sourceMap: isEnvProduction && shouldUseSourceMap, }, },
并解决
//less loader { test:'/\.less$/', include: lessModuleRegex, use: getStyleLoaders({ importLoaders: 1, sourceMap: isEnvProduction && shouldUseSourceMap, }, 'less-loader' ), sideEffects: true, }, { test: /\.module\.less$/, use: getStyleLoaders({ importLoaders: 1, sourceMap: isEnvProduction && shouldUseSourceMap, modules: { getLocalIdent: getCSSModuleLocalIdent, }, }, 'less-loader' ), },
如何在CRA中减少添加?
您好,我弹出了CRA以添加较少的配置,但我收到这样的错误(./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/less -loader / dist / cjs.js ?? ref--6-oneOf-3-2!./ node_modules / ...
对我来说,通过在解决方案中添加此规则已解决了(只是,不需要在webpack.config.js
中进行更多更改):