在webpack 4弹出的应用程序中添加更少配置时出现错误

问题描述 投票:0回答:1

您好,我弹出了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 / ...

reactjs webpack less
1个回答
0
投票

对我来说,通过在解决方案中添加此规则已解决了(只是,不需要在webpack.config.js中进行更多更改):

© www.soinside.com 2019 - 2024. All rights reserved.