Получить файлы 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;
}
Но почему-то кажется, что не читается.