coffeescript - 我们可以在 ruby on rails 的视图文件夹中使用咖啡脚本代码吗？答案

【问题标题】：coffeescript - Can we use coffeescript code inside the view folder of ruby on rails?coffeescript - 我们可以在 ruby on rails 的视图文件夹中使用咖啡脚本代码吗？
【发布时间】：2018-12-04 10:32:43
【问题描述】：

我想在我的视图文件夹中使用 CoffeeScript。因为我的视图文件夹中有一个部分文件为_test.html.erb，如下所示：

<canvas id="doughnutChart" width="250" height="250"></canvas>

<script type="text/javascript">
  var doughnut = document.getElementById("doughnutChart").getContext("2d");
  var dchart = new Chart(doughnut, {
      type: 'doughnut',
      data: {
      },
      options:{
      }
  });
</script>

现在我想在这里有 CoffeeScript，我该怎么做。

谢谢

【问题讨论】：

我可以知道你为什么要使用 coffescript 吗？您总是可以将 coffescript 代码转换为普通的 javascript 语法吗？有各种在线转换器可用。
@Gabbar 是的，我将使用转换器将我的 js 转换为咖啡。以及为什么我需要，因为它是使用 CoffeeScript 的要求。
@Gabbar 你明白我的要求了吗？
@shashiverma 您也可以在 Rails 应用程序中使用相同的解决方案。如果对您有用，请将我的问题标记为已批准的答案。

标签： javascript ruby-on-rails coffeescript

【解决方案1】：

你可以使用cdn coffee script cdn

或者你可以访问我的 js fiddle Inline cofeescript inside html

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8"/>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/coffee-script/1.7.1/coffee-script.min.js"></script>
        <title>CoffeScript on browser</title>
      </head>
      <body>
        <canvas id="myChart"></canvas>

        <script type="text/coffeescript">
          alert 'It works!'
          ctx = document.getElementById('myChart').getContext('2d')
          chart = new Chart(ctx,
            type: 'bar'
            data:
              labels: [
                'January'
                'February'
                'March'
                'April'
                'May'
                'June'
                'July'
              ]
              datasets: [ {
                label: 'My First dataset'
                backgroundColor: 'rgb(255, 99, 132)'
                borderColor: 'rgb(255, 99, 132)'
                data: [
                  0
                  10
                  5
                  2
                  20
                  30
                  45
                ]
              } ]
            options: {})
        </script>
      </body>
    </html>

【讨论】：

感谢您的回复，我在 javascript 的问题中这样做了，我使用了 CoffeeScript，我做了什么，我下载了 coffeescript.min.js 文件并将其放在我的 vendor/assets/javascript文件夹并在 myController.coffee 中的 app/assets/javascript 中需要它，然后在“text/javascript”位置的部分文件中使用“text/coffeescript”并将我的 js 代码从 js2.coffee 转换为咖啡脚本并将其放在脚本标签，它可以工作。
是的，但你不能把它内联在同一个页面中。
但我不认为这种方法很好，因为当我看到我的源代码时，它就像是 HTML 然后是 CoffeeScript，HTML 然后是 CoffeeScript，HTML 然后是 CoffeeScript 等等，问题就来了我的想法是为什么 CoffeeScript 没有被编译成 javascript，并且当所有的 HTML 加载完成后，所有的脚本都应该在最后加载。帮帮我，我很困惑-_-
欢迎@shashiverma
让我们continue this discussion in chat.