2017-10-09 4 views
0

私は、エクスプレスジェネレータの最新バージョンで新しいプロジェクトを足場にするための指示に従ってきました。作成時に、私はnpmのインストールを完了し、すべてがうまくいった。エクスプレスジェネレータのオプションの下で、私はビューエンジンとしてpugを渡し、スタイルとして盛り上がりました。プロジェクトが作成されると、.cssファイルが.scssファイルの横にあることが判明したので、sassというパブリックフォルダの下に新しいフォルダを作成して.scssファイルをすべて保存した後、app.jsのsrcパスを変更しますファイルをpublic/sassにして、私は、ジェネレータが作成したものと、インポートをテストするために定義された1つの可変色のものを持つsassフォルダの下に2つのファイルしかありません。しかし、ファイルをこの新しい場所に移動するとすぐに、可変色の変更は行われません。ファイルを元の場所に戻すと、誰かが何が起こっているか教えてくれますか? sassMiddlewareは、実際に私はSASSの公開ディレクトリを変更するときに、それはSASSフォルダ内のスタイルシートと呼ばれる別のフォルダを期待しているし、この新しいフォルダの中に、私は任意のSCSSファイルを置くことができ、特定のフォルダ構造を探しているエクスプレスジェネレータを使用してscssファイルの場所を変更しない

app.use(sassMiddleware({ 
    src: path.join(__dirname, "public", "sass"), 
    dest: path.join(__dirname, "public"), 
    indentedSyntax: false, // true = .sass and false = .scss 
    sourceMap: true 
})); 
+0

あなたのsassファイルにインクルードが入っているか確認してください。 –

+0

私はsassという1つのフォルダしか持っていません。その中には@import "partials/basics"しかないstyles.scssというファイルが1つあります。そのsassフォルダの中に私はちょうど$黒とbasics.scssファイルとpartialsと呼ばれる別のフォルダがあります:#000000; – alex

+0

'public \ sass'フォルダに' partials'サブフォルダがありますか?両方のファイルが同じフォルダにある場合は、 '@import"の基礎 "'でなければなりません。 –

答えて

0

、そして今、それはすべての人のおかげで働いています。

関連する問題