2017-02-28 8 views
2

メインエントリポイントとしてstructure.scss、次に各プラットフォームに2番目のエントリポイントというプロジェクトがあります。フォルダ構造:複数のエントリポイントを持つノードサススクリプト

scss/ 
| 
|-- components/     # Modular Component Files 
| |-- login.scss    # Structure file for Login Module 
| 
|-- platforms/ 
| |-- globals/ 
|  |-- components/ 
|   |-- login.scss 
|  |-- global-imports.scss 
|  |-- base.scss 
| |-- platform1.scss   # Entrypoint for Platform 1 
| |-- platform2.scss   # Entrypoint for Platform 2 
| |-- platform3.scss   # Entrypoint for Platform 3 
| 
`-- structure.scss    # Primary Entrypoint for all Platforms 

マイNPMスクリプト:

"scripts": { 
    "platform": "node-sass --watch --recursive --output-style 'compressed' src/scss/platforms/ -o public_html/inc/assets/css/platforms", 
    "structure": "node-sass --watch --recursive --output-style 'compressed' src/scss/style.scss public_html/inc/assets/css/style.css", 
    "scss": "npm run platform & npm run structure" 
}, 

私は彼がすべてのファイルを見て、任意のファイルに変更後の新しいファイルをコンパイルすることを望みます。彼は今このスクリプトを使って正しいファイルを作成しています...しかし問題は、ファイルをエントリーポイントファイルとしてコンパイルしようとしたときに、変更を加えると、コンソールのエラーが多く発生します。そのようなもの。最後に、私は毎回正しいファイルを作るために正しいファイルを作る必要があります。

誰かにこの問題の修正をお願いしますか?

、別の問題は、私はプラットフォーム>グローバル>のコンポーネントで、デフォルトのミックスインのVARSを上書き傾けること、である>任意のplatform.scssからlogin.scss ...

答えて

0

[OK]を私は解決策を持って!ただで全体SCSSフォルダを見る:

"scripts": { 
    "scss": "node-sass --watch --recursive --output-style 'compressed' src/scss/ -o public_html/css/" 
    }, 

そして、あなたは、ファイル名の前にentriepointとしてアンダースコアを使用したくないすべてのファイルを与えます! like _file.scss

_filesはインポートされますが、ウォッチャーからは無視されます。

関連する問題