0

@import .LESS ファイルに関して質問があります。CSS へのコンパイルには Prepros ( http://prepros.io/ ) を使用します。

私の現在のプロジェクトの構造は次のとおりです。

- all_projects/
---- assets/
------ partials/
-------- partial1.less
-------- partial2.less
------ mixins.less
---- project/
------ project_styles.less
------ variables.less

mixins.less と、assets/partials/ フォルダーのすべての partilas を project_styles.less に含める必要があります。「../assets...」というわかりやすい方法で @import しようとしましたが、うまくいきませんでした。コード例を次に示します。

project_styles.less

@import '../assets/mixins.less';
@import 'variables.less';
@import '../assets/partials/partial1.less';
@import '../assets/partials/partial2.less';

Stackowerflow など ( http://goo.gl/yvtpFb ) で見つかったいくつかのソリューションを試しましたが、どれも機能しませんでした。

これを達成する方法を教えてください。前もって感謝します！

よろしく、アレックス

4

2 に答える 2

0

あなたがこれを説明した方法は、それが機能する方法です。

grunt of gulp と gulp/grunt-less パッケージでこれを試すことができます。使用しているアプリケーションに問題があると思います。gulp/grunt がオプションでない場合は、フォルダー構造を調整してみてください。試す：

- all_projects/
-- project/
---- partials/
------ partial1.less
------ partial2.less
------ mixins.less
------ variables.less
---- project_styles.less

このようにして、すべてのパーシャルをミックスインにまとめ、変数もパーシャルのソフトになります。

インポートは次のようになります。

@import '../project/partials/partial1.less';
@import '../project/partials/partial2.less';
@import '../project/partials/mixins.less';
@import '../project/partials/variables.less';
于 2015-09-28T07:49:24.420 に答える