小编big*_*nJS的帖子

在开玩笑中实现快照测试相当容易,但这是我不太满意的事情,因为感觉我实际上并没有测试任何东西.在单元测试中,我可以轻松地将我的组件置于测试之下并对其实际行为提出期望,并测试它们应该呈现的内容.但是我所能看到的有关快照测试的一点是,当你改变某些东西并向你显示差异时它会产生!我可以用它来做git diff app.js!

我正在用来create-react-app开发我的 React 应用程序并将其部署到 Github 页面。我的应用程序在开发时工作正常。但是当我部署时，它部署成功，但背景图像加载失败。

在文件中加载背景图像index.css：

body::after {
  background-image: url("/background-img.jpg");
}

主页在package.json

{
  "homepage": "http://bigfanjs.github.io/my-repo/",
}

应用程序目录中的背景图片：

| build
    | background-img.jpg
| src
| public
    | background-img.jpg

在控制台上：

获取https://bigfanjs.github.io/background-img.jpg 404 ()

最后，当我在开发人员工具上编辑 URL 时，url(/my-repo/background-img.jpg)它会加载。

我通过启用css-loader项目中的模块选项来使用bootstrap和CSS模块,不幸的css-loader是也在bootstrap文件上应用了作用域.

我有一个app.scss导入所有bootstrap sass文件的地方.然后我将app.scss文件导入我的app.js文件:

import "./app.scss";

  { test: /\.scss$/,
    use: [
        {loader: "style-loader"},
        {
          loader: "css-loader",
          options: {
            sourceMap: true,
            modules: true,
            localIdentName: "[path][name]__[local]--[hash:base64:5]"
          }
        },
        {loader: "sass-loader"}
      ]

例如bootstrap的.table类变成了类似的东西.app__table--19A_z

你怎么认为我可以为引导程序文件禁用CSS模块.