2017-07-03 8 views
0

ng buildを実行すると、生成されたdistフォルダはscssファイルをcssに変換しません。Angular 4 CLI ng build cssに変換しない

私は私の資産フォルダにmain.scssを持っていると.angular-cli.jsonがあります資産フォルダISN」の内容を

"styles": [ 
     "assets/scss/main.scss" 
], 

.....

"styleExt": "scss", 
+0

これでも問題が解決しない場合は、アプリでgit repoを作成して、質問をテストして更新してください。 tnx – Davvit

答えて

1

角度によって変化する。それを/ appフォルダに移動し、.angular-cli.jsonをに変更します。

:あなたはng new myApp --style=scss

次に角度CLIあなたはまた、node-sassを使用する必要が

、このようにそれをインストールする...あなたのためにSCSSを持つ新しいコンポーネントを作成する操作を行うことができ

"styles": [ 
    "main.scss" 
], 
+0

src/assetsからsrc/assetsにscssコンテナフォルダを移動しましたが、スタイルパスを変更しましたが、ビルド時にdistフォルダにcssファイルが表示されません。 –

2

npm install node-sass --save-dev

も変更する必要がありますsass ...

に対する角度-cli.jsonでと、このようangular-cli-build.jssassCompilerを使用します。

sassCompiler: { 
    includePaths: [ 
     'src/app/scss' //here add scss 
    ] 
} 

、あなたが行ってもいいはずです!

詳細については、hereをご覧ください。

+0

私はこれを前にやったことがありません。 –

+0

npm node-sass --save-devをインストールしましたか? – Alireza

+0

はい、でも同じです –

関連する問題