与 Nx React 项目的集成较少

问题描述

我正在尝试使用 Nx 配置我的第一个项目。

我的客户明确要求将 React 与 Typescript、Nx 和 Ant 设计 UI 套件结合使用。

我已经成功地创建了一个具有所需规范的新项目，至少使用了 Ant 设计工具包的 CSS 版本。 当然，我需要使用颜色和其他修改来自定义 UI 套件。根据 Ant 文档，我需要使用 less 样式才能修改它们。

我选择在 Nx 中启用 less 样式（对于每个 React 组件，我都有一个 component-name.module.less 文件）。

现在，如果我尝试导入 antd less 样式，构建过程将失败并显示以下错误：

> nx run react-ui-kit:build
Bundling react-ui-kit...
Error during bundle: SyntaxError: Inline JavaScript is not enabled. Is it set in your options? in /Users/luca/Jellyfish/Customers/client/libs/react-ui-kit/node_modules/antd/lib/style/color/bezierEasing.less on line 110,column 1:
109 // https://github.com/ant-design/ant-motion/issues/44
110 .bezierEasingMixin();
111

我知道我应该编辑 less-build 脚本以启用 javascript 内联，例如：

module: { rules: [{
    test: /\.less$/,use: [
        { loader: "style-loader" },{ loader: "css-loader" },{
            loader: "less-loader",options: {
                lessOptions: {
                    javascriptEnabled: true,}
            }
        }
    ]
}]}

不幸的是，我无法理解将这个配置放在我的 nx 项目中的什么位置。

有人遇到过类似的问题吗？有什么建议吗？

解决方法

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

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

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