swotools / swog
太阳能网络操作员 - 使用twbs 3.3.7的GUI
v2.0.1-alpha.6
2017-04-24 17:31 UTC
Requires
- php: >=5.5.0
- swotools/tools: ^1.0
This package is auto-updated.
Last update: 2024-09-29 04:48:46 UTC
README
SWOG使用以下组件
- Bootstrap 3.3.7 在GitHub上
- Sass
- Js
- Nodejs
- npm
- grunt
- 新的swog Sass混合
- 新的配置文件和子版本二进制文件
v1主要2
所有任务在gruntfile.js
中定义,postcss没有maps。定义好的dest和dist。
文件将如下所示
- app.css | .min在生产中
- bootstrap.js | .min在生产中
- swog.js | .min在生产中
SWOG
composer require --dev swotools/swog 1.2
或者
"require-dev": { "swotools/swog": "^1.2" }
安装包
$ npm install $ npm update
命令
安装、维护和更新swog的命令包含在每次安装swog时所需的Tools (swotools)中。
"scripts": { "swog:install": "bash vendor/swotools/tools/bin/swog/install.sh" },
有关所有可用命令,请访问此页面
Bootstrap
要排除bootstrap中的JS库,请在./gruntfile.js
文件中的concat:bootstrap
任务行中注释掉。
Swog.js
使用./js/swog
中的general.js
文件。
Sass
自定义样式在scss/swog/_stile.scss
文件中,变量在scss/swog/variabili.scss
文件中设置(当然在SASS中)。在scss/swog/bootstrap.scss
文件中选择要包含的Sass组件。
切换Sass编译器
你可以使用2个编译器。Libsass更好,不依赖于ruby,并且由Bootstrap维护。默认情况下,Bootstrap将使用[libsass][libsass]编译,但你可以通过设置SWO_SASS
环境变量选择传统的Ruby Sass。支持两种选项
libsass
(默认)通过[grunt-sass][grunt-sass]使用[libsass][libsass]。sass
通过[Ruby Sass][ruby-sass]使用[grunt-contrib-sass][grunt-contrib-sass]。
例如,运行SWO_SASS=sass grunt
以使用Ruby Sass测试和构建Bootstrap。
GRUNT
注意
待办事项
- 实现Webpack js
- 使用nodejs管理js模块
- 像css一样获取一个唯一的文件app.js (.min在生产中)