如何在主题内包含带有SCSS文件的整个文件夹?

时间:2018-12-05 11:35:14

标签: extjs extjs6 sencha-architect

我与Sencha Architect一起完成了一个非常大的项目。

要在团队中工作,我们需要在外部文件夹(始终在项目工作区内部,但在SA外部)中更新SCSS主题文件。

我尝试使用导入方式在项目内部使用SCSS导入外部文件,但是我需要导入整个文件夹而不是单个文件,并且sencha CMD不允许使用经典*导入。

查看主题sencha指南,看来在app.json中,我可以将我的外部scss文件设置为在构建期间在主题内进行处理。

select * from A a 
left join B b
on a.Id=b.Id
where a.Id=1 
and b.Id <> 5

此代码允许我将Focus.scss文件导入主题中,但是直接使用文件夹路径,该过程不再起作用:

"sass": {
  "namespace": "FocusWebModern",
  "generated": {
     "var": "sass/save.scss",
     "src": "sass/save"
  },
  "etc": [
     "sass/etc/all.scss"
  ],
  "var": [
     "sass/var/all.scss",
     "sass/var"
  ],
  "src": [
     "sass/src",
     "${app.dir}/bludataSCSS/Focus.scss"
  ]},

因此,我也尝试使用build.xml文件在单个scss文件中写入所有其他文件的导入:

"sass": {
  "namespace": "FocusWebModern",
  "generated": {
     "var": "sass/save.scss",
     "src": "sass/save"
  },
  "etc": [
     "sass/etc/all.scss"
  ],
  "var": [
     "sass/var/all.scss",
     "sass/var"
  ],
  "src": [
     "sass/src",
     "${app.dir}/bludataSCSS"//NOT WORKING
  ]},

使用此代码,Focus.scss的结果文件是一个文件,其中包含文件夹bludataSCSS中所有单个文件的导入。

在这种情况下,Sencha会检测到对Focus.scss文件的更改并停止构建过程。

所以问题是:

  1. 有没有一种方法可以使用build.xml在Sass上包含scss文件?
  2. 有没有一种方法可以避免sencha CMD在构建过程中检测文件更改?
  3. 有没有一种方法可以在app.json sass配置上导入整个文件夹?

您的所有想法都会受到赞赏。

0 个答案:

没有答案