我如何组织 js、css 和 scss 文件以进行正确的导入和流水线操作?
How can I organize js, css and scss files for proper import and pipelining?
最近我买了一个主题,资产文件夹中的资产为:-
1) assets/js/something.js
2) assets/css/something.cs
3) assets/sass/main.scss (with import statements for files inside 3 no. dashboard folder and sub-folders inside dashboard)
4) assets/sass/dashboard/_variable.scss
5) assets/sass/dashboard/mixins/something.scss
6) assets/img/something.jpg
7) assets/img/faces/some.png
现在,我需要在 rails 资产管道中使用主题并组织为:-
1) 保留了上面(1)中的所有*.js文件。在 /app/assets/javascripts 文件夹和 application.js 文件中,代码是:-
require rails-ujs
require turbolinks
require_tree .
(Js 文件已导入,我认为没有错误,因为所有文件都在 javascripts 目录中)
2) 将上面第 2 点的所有 *.css 文件保存在 /app/assets/stylesheets 中。
3) 将上面第 3 点中的 assets/sass/main.scss 保留为 /app/assets/stylesheets.
4) 将上面第 4 点中的仪表板文件夹保存到 /app/assets/stylesheets,application.css 文件内容为:-
require_self
require_tree .
我认为这应该有效,因为所有 css 都是由 require_tree 导入的。并且 "main.scss" 从仪表板目录导入文件。但是我从 "main.scss" 文件导入的“_variables.scss”中定义的变量中得到 "Variable not found $font-weight-bold sass error"。我该如何解决这个问题以及资产组织应该是什么。
谢谢大家。
我设置我的方式有效,但我不知道它的约定(- 表示文件夹,+ 表示文件):
-stylesheets
-base
+ globals.scss
+ mixins.scss
+ normalize.scss
+ variables.scss
- styles
+ login.scss
+ applicaion.css.scss
require_self
require main
+ mains.scss here is where i import all the files
@import "base/mixins.scss";
@import "base/normalize.scss";
@import "base/globals.scss";
@import "base/variables.scss";
// login
@import "styles/login.scss";
- javasctipts
+ application.js
//= require something
//= require_tree
+ something.js
和 asssts/image 文件夹中的图片
最近我买了一个主题,资产文件夹中的资产为:-
1) assets/js/something.js
2) assets/css/something.cs
3) assets/sass/main.scss (with import statements for files inside 3 no. dashboard folder and sub-folders inside dashboard)
4) assets/sass/dashboard/_variable.scss
5) assets/sass/dashboard/mixins/something.scss
6) assets/img/something.jpg
7) assets/img/faces/some.png
现在,我需要在 rails 资产管道中使用主题并组织为:-
1) 保留了上面(1)中的所有*.js文件。在 /app/assets/javascripts 文件夹和 application.js 文件中,代码是:-
require rails-ujs
require turbolinks
require_tree .
(Js 文件已导入,我认为没有错误,因为所有文件都在 javascripts 目录中)
2) 将上面第 2 点的所有 *.css 文件保存在 /app/assets/stylesheets 中。
3) 将上面第 3 点中的 assets/sass/main.scss 保留为 /app/assets/stylesheets.
4) 将上面第 4 点中的仪表板文件夹保存到 /app/assets/stylesheets,application.css 文件内容为:-
require_self
require_tree .
我认为这应该有效,因为所有 css 都是由 require_tree 导入的。并且 "main.scss" 从仪表板目录导入文件。但是我从 "main.scss" 文件导入的“_variables.scss”中定义的变量中得到 "Variable not found $font-weight-bold sass error"。我该如何解决这个问题以及资产组织应该是什么。
谢谢大家。
我设置我的方式有效,但我不知道它的约定(- 表示文件夹,+ 表示文件):
-stylesheets
-base
+ globals.scss
+ mixins.scss
+ normalize.scss
+ variables.scss
- styles
+ login.scss
+ applicaion.css.scss
require_self
require main
+ mains.scss here is where i import all the files
@import "base/mixins.scss";
@import "base/normalize.scss";
@import "base/globals.scss";
@import "base/variables.scss";
// login
@import "styles/login.scss";
- javasctipts
+ application.js
//= require something
//= require_tree
+ something.js
和 asssts/image 文件夹中的图片