1

私は MEAN スタック ( https://github.com/linnovate/mean ) を使い始めたばかりなので、私の質問は専門家にとって非常に基本的なものに見えると確信しています。

このスタックがすでに提供しているものへの素晴らしい追加になると思いますが、統合Uglify.jsして管理することはできません。stylus

また、誰かがすでにこれを尋ねましたが、少なくとも標準化の問題では、サーバー ビューとパブリック ビューの両方にJadeテンプレートを使用することは理にかなっています。

私はうなり声ファイルをいじってみましたが、server.jsいくつかのファイルの名前を変更しましたが、これまでに達成できたのは、元のプロジェクトを壊すことだけです...

前もって感謝します！

編集:パブリック ビュー用の jade テンプレートのサポートを追加したばかりのこのプロジェクトのフォークを見つけました: https://github.com/tutley/mean

4

1 に答える 1

2

この投稿では、Stylus の前処理を MEAN スタックに統合する方法について説明しています: http://to-s.tk/integrate-stylus-to-the-mean-stack/

短縮版：

  • public/css新しいファイルに移動し、すべてのファイルassets/stylesheetsの名前を.css.styl

  • grunt-contrib-stylusを介して、開発とランタイムの両方の依存関係としてnpmインストールします。package.json

-Gruntfile でスタイラス コンパイルを構成する

// ...
grunt.initConfig({
    // ...
    watch: {
        // ...
        stylus: {
            files: ['assets/stylesheets/**/*.styl'],
            tasks: ['stylus']
        },
        // ...
    },
    // ...
    stylus: {
        compile: {
            options: {
                paths: ['assets/stylesheets/**']
            },
            files: [{
                dest: 'public/css/',
                cwd: 'assets/stylesheets/',
                src: '*.styl',
                ext: '.css',
                expand: true
            }]
        }
    },
    // ...
});
//...
//Load NPM tasks
// ...
grunt.loadNpmTasks('grunt-contrib-stylus');
// ...

  • ビューのスタイラス ファイル (または任意のサブスタイラス) をcommon.stylusing@requireステートメントにインポートする

  • のビューまたはその他への参照を削除しsubstylesheetsますhead.jade。

が実行されている限り、すべてのassets/stylesheets/*.stylファイルは自動的に にコンパイルされます。に依存せずにコンパイルをトリガーするには、.public/css/*.cssgruntwatchgrunt stylus

于 2014-01-30T04:59:04.233 に答える