ruby-on-rails - Rails 5.1 API webpacker と vuejs

Question

Cloud9 で webpacker を使用して、VueJs で Rails API とクライアントを作成しようとしています。

標準インストール後:npm install -g yarn && rails _5.1.4_ new . --api --webpack=vue

Rails と webpack を起動するためにForemanを使用しています。ファイルは次のとおりです。

# Procfile.dev
web: bundle exec rails s -p $PORT -b $IP
webpacker: ./bin/webpack-dev-server --inline true --hot true --public $C9_HOSTNAME

の開発部分を次のように変更しましたconfig/webpacker.yml。

development:
  <<: *default
  compile: true

  # Reference: https://webpack.js.org/configuration/dev-server/
  dev_server:
    https: false
    host: localhost
    port: 8081

起動foreman startすると、次のオブジェクトを含む webpack が作成public/packs/manifest.jsonされます。

{
  "application.js": "/packs/application-d2ce57fea2210882a7d4.js",
  "hello_vue.css": "/packs/hello_vue-9cb5a7334a6577c3422968b9b9970b2f.css",
  "hello_vue.js": "/packs/hello_vue-d8d50a7562d6abcbea06.js"
}

public/index.html以下を含むファイルを作成しました

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="packs/hello_vue-9cb5a7334a6577c3422968b9b9970b2f.css" />
  </head>

  <body>
    <script type="text/javascript" src="packs/application-d2ce57fea2210882a7d4.js"></script>
    <script type="text/javascript" src="packs/hello_vue-bd484161b1956b3a536b.js"></script>
  </body>
</html>

URL にアクセスするHello World from Webpackerと、JavaScript コンソールにHello Vue!が表示され、ブラウザにが表示されます。

私の質問は、生成されたこれを使用してmanifest.json、適切なファイル (js、css) を自動的に起動することは可能ですか?

ruby-on-rails - Rails 5.1 API webpacker と vuejs

1 に答える 1

Related

Reference