标签: create-react-app

我正在使用creacte-react-app 2.0.0-next.66cc7a90，它已经支持 Sass/Scss 文件

但是，使用 Sass/Scss 文件中的默认相对导入，我必须使用类似的代码 @import "../../../../../styles/variables/_variables.scss";

相反，我想使用绝对导入，这样我就可以使用代码导入 @import "styles/variables/_variables.scss";

我知道实现这一目标的一种方法是更新选项

{
   loader: "sass-loader",
   options: {
        includePaths: ["absolute/path/a", "absolute/path/b"]
 }

但我想在不弹出的情况下做到这一点，我该怎么做？使用react-app-rewired？

我使用 create-react-app 结合 Django Rest Framework 制作了一个小型网站。npm start当我使用 Django API 从一个端口到另一个端口时，一切都运行良好。然而，当我npm build静态反应文件并从 Django 应用程序内提供它们时，我403 forbidden在遇到多个端点时遇到了问题。我认为这与 CSRF 有关，但我不知道是什么。

我从以下位置提供静态文件views.py：

@api_view(['GET'])
def serve_html(request):
    try:
        with open(os.path.join(REACT_APP_DIR, 'build', 'index.html')) as f:
            return HttpResponse(f.read())
    except FileNotFoundError:
        return HttpResponse(
            """
            This URL is only used when you have built the production
            version of the app. Visit http://localhost:3000/ instead, or
            run `yarn run build` to test the production version.
            """,
            status=501,
        )

我的urls.py底部包含静态文件的总览：

urlpatterns = [ …

当我构建一个在 create-react-app 中制作的项目时，他生成一个 html 文件，其路径不带点。这是有问题的，因为我有一个空白页。

我得到一个 html 文件，其中包含加载 js 的示例

<script type="text/javascript" src="/static/js/mainsddss23ds.js"

但我需要带有 DOT 的路径，例如

<script type="text/javascript" src="./static/js/mainsddss23ds.js"

我正在遵循 YouTube 教程来学习 React，但我注意到一些烦人的事情。当我使用 create-react-app 创建新应用程序时，app.js 使用的是function App()，而不是类。我知道 React 可以用两种方式编码，但我想使用类。有什么方法可以配置 create-react-app 来创建带有类的 React 应用程序？比如在 CLI 上添加参数，或者更改设置页面上的选项（我找不到任何选项）。

function App() {}

我想要的是：

class App extends Component {}

我想使用 Typescript 在我的 CRA 项目中使用基于 AntDesign 组件构建的组件来设置 Storybook。

CRA - v3 故事书 - v5.25 AntDesign - v3.23.2

我成功设置了 CRA + AntDesign，设置了 Storybook，我的 AntDesign 组件使用 AntD css 类在 Storybook 中渲染，但缺少样式

我试过

• 在.stories文件夹中创建webpack.config.js文件并使用 Storybook 中的配置无法理解 antd 组件和https://github.com/storybookjs/storybook/issues/3949/的按需导入
• 创建一个.babelrc文件并在那里导入 babel import 和 ant
• 使用与高级 AntD 文档中描述的相同的配置：https://ant.design/docs/react/use-with-create-react-app

const path = require("path");

module.exports = {
  module: {
    rules: [
      {
        loader: "babel-loader",
        exclude: /node_modules/,
        test: /\.js$/,
        options: {
          presets: ["@babel/react"], …