KeystoneJS 不会将 LESS 文件自动编译为 CSS答案

【问题标题】：KeystoneJS not auto-compiling LESS files to CSSKeystoneJS 不会将 LESS 文件自动编译为 CSS
【发布时间】：2023-03-04 21:42:01
【问题描述】：

在 KeystoneJS Docs 中，它提到在从服务器请求 style.min.css 时，这将编译 style.less 并在生产中生成 style.min.css。

如果您希望 Keystone 自动将 .less 文件编译成 .css 文件，请将此值设置为与静态选项相同的路径。

我遵循了这个，我在style.less中添加了一些LESS代码，但我的更改没有反映在style.min.css中，换句话说，文件style.min.css没有重新生成，我不确定它是否是一个错误还是我错过了什么。

为了便于重现示例，我只是在styles/site.less 中添加了这段代码：

html {
    background: black !important;
}

我希望整个背景都是黑色的，但它不起作用。

Keystone config:
let keystone = require('keystone');

keystone = keystone.init({
    'mongo': process.env.MONGO_URI
    'name': 'CMS',
    'brand': 'CMS',

    'less': 'public',
    'static': 'public',
    'favicon': 'public/favicon.ico',
    'views': 'templates/views',
    'view engine': 'pug',

    'auto update': true,
    'session': true,
    'auth': true,
    'user model': 'User',
});

keystone.import('models');

keystone.set('locals', {
    _: require('lodash'),
    env: keystone.get('env'),
    utils: keystone.utils,
    editable: keystone.content.editable,
});

keystone.set('signin logo', '../images/logo.png');

// Load your project's Routes
keystone.set('routes', require('./routes'));

// Configure the navigation bar in Keystone's Admin UI
keystone.set('nav', {
    users: 'users',
    intents: 'intents',
    Items: ['categories', 'sub-categories', 'products'],
    messages: 'messages',
});

keystone.start();

【问题讨论】：

你能分享你的keystone配置部分吗

标签： keystonejs

【解决方案1】：

这是我做的，效果很好

将生成器更新到最新版本
用yo keystone创建新网站
使用node keystone启动网站
通过更改您所做的更改来更改 public/styles/site.less（黑色背景）
刷新页面

【讨论】：