使用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这是基本上相同的问题，但没有提供示例。