Question

在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();

Answer 1

这就是我所做的，并且效果很好

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

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

1 个答案: