Получить файлы css при компиляции с использованием @nrwl/web:package

Мне нужно получить файлы css для версии сборки библиотеки с помощью @nrwl/web:package, библиотека, которую я создаю, не имеет index.html, это просто TS, но когда я пытаюсь скомпилировать с помощью Интернета: package, файлы CSS не показываются, в сборке для этой библиотеки у меня есть:

{
    "build": {
        "builder": "@nrwl/web:package",
        "options": {
            "outputPath": "libs/data-table/dist",
            "tsConfig": "libs/data-table/tsconfig.lib.json",
            "project": "libs/data-table/package.json",
            "entryFile": "libs/data-table/src/index.tsx",
            "external": [ "react", "react-dom" ],
            "styles": [ "libs/data-table/src/lib/index.css", "libs/data-table/src/lib/responsive.scss" ],
            "webpackConfig": "libs/data-table/webpack.config.js",
            "assets": [
                {
                    "glob": "README.md",
                    "input": ".",
                    "output": "."
                }
            ]
        },
        "configurations": {
            "production": {
                "optimization": true,
                "outputHashing": "all",
                "sourceMap": false,
                "extractCss": true,
                "namedChunks": false,
                "extractLicenses": true,
                "vendorChunk": false,
                "budgets": [
                    {
                        "type": "initial",
                        "maximumWarning": "2mb",
                        "maximumError": "5mb"
                    }
                ]
            }
        }
    }
}

А в webpack.config.js у меня есть:

const getConfig = require('@nrwl/react/plugins/babel');
const cssModuleRegex = /\.module\.css$/;
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = (config) => {
  config = getConfig(config);
  
  config.module.rules.forEach((rule, idx) => {
    // Find rule tests for CSS.
    // Then make sure it excludes .module.css files.
    if (rule.test.test('foo.css')) {
      rule.exclude = rule.exclude
       ? Array.isArray(rule.exclude)
       ? [...rule.exclude, cssModuleRegex]
       : [rule.exclude, cssModuleRegex]
       : cssModuleRegex
    }
  });

  // Add new rule to handle .module.css files by using css-loader
  // withmodules on.
  config.module.rules.push({
    test: /\.module\.css$/,
    use: [
      { loader: 'style-loader' },
      { loader: 'css-modules-typescript-loader' },
      {
        loader: 'css-loader',
        options: {
          modules: true,
          importLoaders: 1
        }
      }
    ]
  });
  config.module.rules.push({
    test: /\.module\.(scss|sass)$/,
    use: [
      {
        loader: MiniCssExtractPlugin.loader,
      },
      {
        loader: 'css-loader',
        options: {
          modules: true,
          importLoaders: 1
        }
      }
    ]
  });

  return config;
}

Но почему-то кажется, что не читается.

0 ответов

Другие вопросы по тегам