26

Visual Studioで*.lessファイル（http://www.dotlesscss.org/ ）をプリコンパイルする方法があるのだろうか。

このサイトは私に教えてくれますが、dotless.compiler.exeこれをVisualStudioに接続する方法がわかりません。WebformsとASP.NETMVCの両方のソリューションを探しています。

4

7 に答える 7

20

ビルド環境に応じてdotless.Compiler.exe、ビルドタスクとして開始できます。

たとえば、Visual Studioでビルド前のタスクを使用する場合（すべて1行）：

$(SolutionDir)Tools\dotLess\dotless.compiler.exe -m 
    $(ProjectDir)content\css\site.less $(ProjectDir)content\css\site.css

マクロ（$(SolutionDir)など）を使用すると、プロジェクトとファイルの場所を少し柔軟に設定できます。標準ファイルを使用するのではなく、マークアップで.less新しい.cssファイルを参照するだけです。

于 2010-02-02T02:31:41.327 に答える
7

全て、

ここで説明したほぼすべての選択肢を使用し、満足できなかった後、VisualStudio用のLessCssコンパイラアドインを作成しました。.lessファイルを取得し、.lessファイルが変更された場合にのみ.cssファイルを生成します。最新かつ最高のless.jsコンパイラを使用しています。

ここで使用中を参照してください。

署名された拡張機能をダウンロードします。

ソースコードはこちらです。

VS拡張ギャラリーに送信しました。すぐに公開されることを願っていますが、それまでの間、インストール（またはコンパイルしてからインストール）してチェックアウトしてください。

于 2011-08-28T23:01:29.060 に答える
3

Phil Haackが救助に：http：//haacked.com/archive/2009/12/02/t4-template-for-less-css.aspx

コンパイル時にソリューションで何かを生成したい場合は、通常、T4が最適です...

于 2010-02-01T12:50:11.637 に答える
3

これが、MSBuildを使用して思いついたソリューションです。これは増分であるため、Lessが変更された場合にのみ発生するはずです。また、正しく処理します@import。

まず、NuGetを使用してプロジェクトにドットレスを追加します。に追加する魔法は必要ないので、web.config元に戻すことができます。コンパイラの実行可能ファイルを取得するために使用しているだけです。

次に、次のように、「root」Lessファイルをに追加します.csproj。

<ItemGroup>
    <LessCssRootInput Include="example.less" />
</ItemGroup>

最後に、このスニペットを：の下部に追加します.csproj。

<ItemGroup>
    <LessCssSubInput Include="**\*.less" Exclude="@(LessCssRootInput)" />
    <LessCssOutput Include="@(LessCssRootInput -> '%(RelativeDir)\%(Filename).css')" />
</ItemGroup>
<Target Name="CompileLessCss" BeforeTargets="Compile" Inputs="@(LessCssRootInput);@(LessCssSubInput)" Outputs="@(LessCssOutput)">
    <Exec Command="&quot;$(SolutionDir)\packages\dotless.1.3.1.0\tool\dotless.compiler.exe&quot; --minify --keep-first-comment @(LessCssRootInput)" />
</Target>
于 2012-11-28T14:28:17.900 に答える
2

DotLessでの作業を検索したところ、次のライブラリも見つかりました。

http://www.codethinked.com/post/2010/03/17/Bundler-Now-Supports-Css-And-less.aspx

他の人に役立つかもしれないので、私自身の質問に追加します。

于 2010-04-15T10:02:41.100 に答える
2

開発中にプリコンパイルする別の方法もあります。

dotlessプロジェクトは、CSSをコンパイルおよび縮小できるコマンドラインコンパイラ（dotless.Compiler.exe）を備えています。

また、compiler.exeを--watchパラメーターとともに使用して、実行を継続し、入力ファイルをスキャンして変更を確認し、ファイルに変更を加えるたびに再生成することもできます。したがって、VisualStudioから独立します。

于 2010-04-15T09:14:02.313 に答える
2

Chirpyをご覧になることをお勧めします。LESSだけでなく、はるかに多くのサポートがあります。自分で書く前に見つけていたらよかったのに。

そういえば、（。NETポートの代わりに）JSファイルを使用して実行するVisual Studioカスタムビルドツールも作成しました。ソースは、https ：//github.com/paultyng/JsBuildToolsで確認できます。

または、 JsBuildToolsの下の拡張機能ギャラリーにもあります。

于 2012-02-06T05:01:52.320 に答える