如何将外部CSS和JS添加到Rails项目

时间:2018-12-13 11:53:57

标签: html css ruby-on-rails less ruby-on-rails-5

我想在我的项目中使用HTML模板。我可以仅使用CSS来实现简单的主题,但是我的html模板具有许多Bower组件,更少的文件,css,bootstrap和js文件夹。

这是我的html模板文件夹的外观。

-Theme
    *plug-ins
       -bower_components folder
    *html
       -css folder
       -js folder 
       -bootstrap folder
       -less folder
       -.html files

我添加了无轨gem,并将这些文件夹(js文件夹除外)放置到“ app / assets / stylesheets /”文件夹中。添加了“ * = require_tree”。到dash.scss(我手动创建了此文件。)

有很多错误;

  

Dash#index中的Less :: ParseError

     

变量@ fa-css-prefix未定义

     

app / views / layouts / dash.html.erb:8:in _app_views_layouts_dash_html_erb__3356969264470354883_70228501122900'

其他问题是;我不知道在不损坏任何东西的情况下将该插件文件夹放置在何处。

最后一个问题是;我在“ app / assets / javascripts /”下面添加了js文件夹,并在application.js中使用了require_tree,Rails并没有错误,但是在控制台上显示了错误;

  

net :: ERR_ABORTED 404(未找到)

摘要:我想将所有样式和脚本添加到项目中,并希望使用它们来对页面进行编码。

0 个答案:

没有答案