如何组织 js、css 和 scss 文件以进行正确的导入和流水线操作?

代码米兰

最近我在资产文件夹中购买了一个带有资产的主题:-

 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) 将所有 *.js 文件保留在上述 (1) 号中。在 /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”中定义的变量中得到“变量未找到$font-weight-bold sass错误”。我该如何解决这个问题,资产组织应该是什么。

谢谢你们。

特立独行5

我设置我的方式有效,但我不知道它的约定(- 表示文件夹,+ 表示文件):

-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 文件夹中的图像

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章