使用webpack將LostGrid添加到Ruby on Rails

Question

第一張海報在這裏。 我剛剛用webpack創建了一個新的Rails項目（rails new myapp --webpack）。它帶有PostCSS，我想爲其添加LostGrid。我從失落的運行下面，從安裝instructions：

npm install --save lost 

這增加輸給package.json。該指令，則說以下內容添加到您的WebPack配置，假設你已經postcss裝載機安裝配置&（我的理解是自動安裝在創建項目時）：

postcss: [ 
    require('lost') 
] 

但我不明白的地方該文件是。我認爲我需要將我的PostCSS內容添加到根中的.postcssrc.yml。我這樣做，但我仍然沒有得到它的工作。

我對webpack很少有經驗，並懷疑我的方法是完全有缺陷的。我很高興在Rails中使用PostCSS，並希望能夠幫助您使LostGrid在這裏工作。謝謝！

Answer 1

發現你的問題後，我碰到了同樣的問題。幸運的是它非常簡單！

當您運行webpacker:install時，它會在項目的根文件夾中安裝名爲.postcssrc.yml的文件。這是你添加PostCSS插件的地方。我現在看起來像這樣：

plugins: 
     lost: {} 
     postcss-smart-import: {} 
     postcss-cssnext: {} 
     autoprefixer: {} 

我不確定訂單是否重要。仍在研究。

查看Webpacker issue #283這是基本上相同的問題，但沒有提供示例。