具有多个入口点的 node-sass 脚本答案

【问题标题】：node-sass script with multiple entry points具有多个入口点的 node-sass 脚本
【发布时间】：2017-07-19 15:01:15
【问题描述】：

我有一个项目，其结构.scss 作为主要入口点，然后每个平台都有第二个入口点。文件夹结构：

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"
},

我希望他监视所有文件并在更改任何文件后编译新文件。他目前正在使用此脚本创建正确的文件...但问题是，他尝试将该文件编译为我对其进行更改的入口点文件，这给我带来了很多控制台错误，因为他没有找到任何变量或类似的东西。最后，我每次都需要对正确的文件进行无用的更改，以获得正确的工作文件...

有人帮我解决这个问题吗？

另一个问题是，我无法从任何 platform.scss 覆盖平台 > 全局 > 组件 > login.scss 中的默认混合变量...

【问题讨论】：

标签： css npm sass scss-lint npm-scripts

【解决方案1】：

好的，我得到了解决方案！只需观看整个 scss 文件夹：

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

并在文件名前为您不想用作入口点的所有文件添加下划线！比如_file.scss

_files 将被导入，但被观察者忽略。

【讨论】：