Chrome 的覆盖率选项卡显示我的库

问题描述

我有使用 np-design 的 nextjs 项目。我发现当我在 DevTools 中看到 Coverage 选项卡并单击 refresh 时，我的 np-design 突然出现。

我预计这些会与其他库一起包含在一个块中，但事实并非如此。

为什么是这样，有没有办法不在“覆盖范围”选项卡中显示我的图书馆？

const path = require('path')
const ExtractCssChunks = require('extract-css-chunks-webpack-plugin');

module.exports = {
  entry: './src',context: path.resolve(__dirname),resolve: {
    modules: ['node_modules'],symlinks: true,extensions: ['.js','.ts','.tsx','jsx'],},target: 'node',externals: ['react','react-dom'],output: {
    path: path.resolve(__dirname,'lib'),filename: 'index.js',libraryTarget: 'umd',mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',plugins: [
    new ExtractCssChunks({
      filename: "[name].css",chunkFilename: "[id].css",}),],module: {
    rules: [
      {
        test: /\.(js|ts|tsx|jsx)$/,exclude: [/node_modules/],use: {
          loader: 'babel-loader',options: {
            rootMode: 'upward',{
        test: /\.md$/,exclude: /node_modules/,use: {
          loader: 'raw-loader',{
        test: /\.(sa|sc|c)ss$/,use: [
          {
            loader: ExtractCssChunks.loader,options: {
              hmr: process.env.NODE_ENV === 'development','css-loader','sass-loader',plugins: [new ExtractCssChunks()],}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

google-chrome-devtools webpack webpack webpack