如何使用Web Essentials将LESS文件包含在网页中？

我已经安装了web essentials 2013，并且为了测试目的创建了一个默认的MVC项目来尝试LESS功能。如何使用Web Essentials将LESS文件包含在网页中？

我删除了所有的引导CSS文件，我把一个名为less文件夹内Content所有的bootstrap的.less文件，但是当我用鼠标右键单击他们web essentials菜单都是灰色的，它不编译任何东西。 .. 如何使用Web Essentials自动编译在网页中包含更少的文件。那可能吗？

网络要领的设置如下：

"Less": { 
    "CompileOnBuild": true, 
    "CompileOnSave": false, 
    "EnableChainCompilation": true, 
    "GenerateSourceMaps": true, 
    "MinifyInPlace": false, 
    "OutputDirectory": "css", 
    "ProcessSourceMapsForEditorEnhancements": true, 
    "ShowPreviewPane": true, 
    "StrictMath": false 
}

来源

2015-06-14 CodeArtist

我使用网络必需品，但不要打扰编译。我只是添加'less.js'文件（用于在浏览器中编译）并引用'styles.less'（或任何你所称的）。通过这种方式，任何使用项目（团队中的另一成员）的人都不会使用Web Essentials，它将始终具有编译文件 –

@RobScott嗯...... [用于生产]（http://lesscss.org/#客户端使用率）？ – EdSF

正是我所说的。只是为了生产你要做的是将LESS文件（我使用WinLESS）编译到CSS中（或者使用我猜测的Web Essentials），注释掉JS文件和LESS文件，并取消注释主CSS文件或min.css）。我相信有更简单的方法来做到这一点，这就是我的团队和我做的B/C他们不使用网络必备 –

只需配置Web要点汇编关于保存和建设。这样，您总是可以通过保存LESS文件来手动生成CSS。

LESS Options

您可以选择配置Web要领来缩小生成的CSS：

CSS Options

另外补充它加载生成的缩小的CSS文件StyleBundle：

bundles.Add(new StyleBundle("~/bundles/css").Include("~/Content/bootstrap.min.css"));

来源

2015-06-14 23:16:43 Nicholas

谢谢但是，菜单仍然是灰色的... – CodeArtist

对我来说，Web Essentials只需在更改LESS时更新CSS的背景上工作。 – Nicholas

如何使用Web Essentials将LESS文件包含在网页中？

回答

相关问题