1

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

我的客户明确要求使用带有 Typescript、Nx 和 Ant design UI Kit 的 React。

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

我选择less在 Nx 中启用样式（对于每个反应组件我都有一个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 项目中放置这个配置的位置。

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

4

0 回答 0