rails5.1與webpacker

2017-05-23

近幾年前端技術大躍進發展出許多新工具

以往要把這些工具整合進rails會讓工作流程有點繁瑣

rails5.1增加了與webpack的整合，解決了這個痛點

webpack介紹

‘Webpack 是一個針對JavaScript的打包工具。但是自發布以來，演變成了一個針對所有前端代碼的管理工具（不管是其本身有意還是社區的意願）。

見 https://llp0574.github.io/2016/11/29/getting-started-with-webpack2/

在rails5引入webpack

https://github.com/rails/webpacker

rails new [your_project] --webpack

rails webpacker:install

安裝要使用的js 框架(這裡使用vue)

rails webpacker:install:vue

修改application.html.erb的helper

改為<%= javascript_pack_tag 'xxxxx' %>

啟動webpack dev server

修改js後能livereload

若在遠端進行開發，到config/webpack/development.server.yml修改host選項

更詳細介紹:https://ruby-china.org/topics/32904

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

熱愛技術