Question

是否可以配置LESS以在通过JS编译时删除“// comments”？

我想从输出的less文件中删除它们。

Answer 1

根据文档说明，较少的'单行注释//应该是静默的：

单行注释在LESS中也有效，但它们是“静默的”，它们不会出现在已编译的CSS输出中：

// Hi, I'm a silent comment, I won't show up in your CSS
.class { color: white }

请参阅LESS'网站：http://lesscss.org/#-comments

-x标志在命令行上工作以输出缩小的CSS（将删除CSS注释），但无论如何，双斜杠不应出现在css上。请参阅“{3}}在'命令行使用'主题。

Answer 2

关于没有CLI工具的JS使用，docs say：

您可以将一些选项传递给编译器：

不幸的是，这些选项并未在任何地方指定。您必须知道代码的位置，即：https://github.com/less/less.js/blob/0c2c1b2ba3036c62be5fc4e6232d3c0493559764/lib/less/env.js

各种选项（在撰写本文时，来自上面链接的blob）：

var parseCopyProperties = [
    'paths',            // option - unmodified - paths to search for imports on
    'optimization',     // option - optimization level (for the chunker)
    'files',            // list of files that have been imported, used for import-once
    'contents',         // map - filename to contents of all the files
    'contentsIgnoredChars', // map - filename to lines at the begining of each file to ignore
    'relativeUrls',     // option - whether to adjust URL's to be relative
    'rootpath',         // option - rootpath to append to URL's
    'strictImports',    // option -
    'insecure',         // option - whether to allow imports from insecure ssl hosts
    'dumpLineNumbers',  // option - whether to dump line numbers
    'compress',         // option - whether to compress
    'processImports',   // option - whether to process imports. if false then imports will not be imported
    'syncImport',       // option - whether to import synchronously
    'javascriptEnabled',// option - whether JavaScript is enabled. if undefined, defaults to true
    'mime',             // browser only - mime type for sheet import
    'useFileCache',     // browser only - whether to use the per file session cache
    'currentFileInfo'   // information about the current file - for error reporting and importing and making urls relative etc.
];

和

var evalCopyProperties = [
    'silent',         // whether to swallow errors and warnings
    'verbose',        // whether to log more activity
    'compress',       // whether to compress
    'yuicompress',    // whether to compress with the outside tool yui compressor
    'ieCompat',       // whether to enforce IE compatibility (IE8 data-uri)
    'strictMath',     // whether math has to be within parenthesis
    'strictUnits',    // whether units need to evaluate correctly
    'cleancss',       // whether to compress with clean-css
    'sourceMap',      // whether to output a source map
    'importMultiple', // whether we are currently importing multiple copies
    'urlArgs'         // whether to add args into url tokens
];

通过JS使用LESS的各种Grunt和Gulp插件也记录了它们。

因此，要回答您的问题，您无法在不使用/**/的情况下删除compress条评论。所有其他事情也是如此。

Answer 3

2015年7月更新：在尝试Enemy选项时，如其他答案所示，我收到了此警告：

不推荐使用compress选项。我们建议您使用专用的css minifier，例如参见less-plugin-clean-css。

您可以使用

安装the plugin

Player

然后使用-x参数运行npm install -g less-plugin-clean-css。

Answer 4

将-x选项添加到lessc编译命令将缩小CSS，这应该删除注释。如果没有，您可以通过在编译命令中添加--yui-compress选项来使用YUI CSS compressor来更好地控制缩小选项，这肯定会删除注释。

就像拉斐尔在他的回答//中所说的那样，风格评论不应该出现在编译的CSS中，所以你的问题首先没有多大意义。

所有这些信息都在LESS homepage / documentation上明确说明，所以也许您应该先阅读。

删除LESS //编译注释

4 个答案: