2017-07-18 18 views
0

は最近、私は資産の資産を持つテーマをフォルダ買っ: - :js、css、scssファイルを適切にインポートしてパイプライン化するにはどうすればよいですか?

1)すべての* .jsファイルを保持 - として

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 

は今、私はレール資産パイプラインのテーマを使用する必要があると整理します上記のファイル(1)内部/アプリ/資産/ JavaScriptのフォルダとapplication.jsでコードをファイルです: -

require rails-ujs 
require turbolinks 
require_tree . 

(JSファイルがインポートされ、すべてのファイルがJavaScriptのディレクトリにあるので、私は、考えてエラーなし)

2 )はすべての* .cssファイルを上記のポイント2からの/ app/assets/stylesheets内に保持しました。
3)上記のポイント3のassets/sass/main.scssを/ app/assets/stylesheetsに保存しました。
4)への/アプリ/資産/スタイルシート上記の点4でダッシュボードフォルダを保持してapplication.cssファイルの内容は次のとおりです。 - 私はすべてのCSSがrequire_treeによってインポートされているので、これは動作するはずだと思う

require_self 
require_tree . 

.AND "main.scss"にはダッシュボードディレクトリからのファイルのインポートがあります。しかし、 "main.scss"ファイルからインポートされた "_variables.scss"で定義された変数から "Variable not found font-weight-bold sass error"が出ます。これをどのように解決すればいいのでしょうか。

ありがとうございます。

答えて

1

私は地雷を設定している方法は、動作しますが、その大会があれば、私は知りません( - フォルダを意味し、+ファイルを意味する):assstsで

-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 

や画像を/画像フォルダ

関連する問題