如何在沒有反應腳本的情況下使用 -r @cypress/instrument-cra 進行代碼覆蓋

Question

 "start": "node index.js",

如何在“開始”中添加-r @cypress/instrument-cra ？ 根據此處提供的文檔，我們需要react-scripts ，但在我的用例中我沒有。

Answer 1

如果你有一個webpack.config.js文件（webpack v5），這就是你添加babel-plugin-istanbul插件的方式。

注意，我只展示了module.rules的相關部分，你必須在你的配置中仔細找到它。

const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {

  module: {
    rules: [

      {
        test: /\.?js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env', '@babel/preset-react'],
            plugins: ['babel-plugin-istanbul'],
          },
        },
      },

    ],
  },

}

當然，你需要安裝babel-plugin-istanbul

npm install --save-dev babel-plugin-istanbul

如果你有.babelrc ，將它添加到該文件

{
  "env": {
    "test": {
      "plugins": [ "istanbul" ]
    }
  }
}