问题标题试图描述性,但我觉得我必须进一步解释:
我的目标是在我的 rails 5.2 应用程序中使用 postcss(尤其是 postcss-preset-env 包括 autoprefixer)。我设法设置了 webpack 并获取了我的前缀,但是我特此解决了一个主要问题及其后代:
(1) 根据设计,webpack 将 (s)css 文件“包含”到 application.js 中,并为 css 添加前缀。但是,由于我喜欢将样式表留在 rails 的 assets 文件夹中,我想知道如何配置整个东西,以便例如 rails 编译资产,创建其 css 输出,并将其提供给 webpack,以便 webpack 可以添加前缀,创建 JS 变通方法等等。这是可能的,还是我必须将我所有的样式重构为 app/javascript/packs(而不是 app/assets/stylesheets 分别)?
(2) 试图解决这篇文章的第 (1) 部分,我通读了这个 codemancers 帖子。这篇文章侧重于使用 heroku 进行部署(这正是我最终想要做的),并且还解决了“编译顺序”问题。所以我应用了他的建议,希望它可以部分解决我的问题,或者至少让我对 webpack-rails 内部有更多的了解,因为这是一个最复杂的话题。它没有:样式表资产没有被 postcss 处理(我对此并不感到惊讶),现在 webpack 编译发生了两次(一次之前,一次在 rails assets:compile 之后)
由于我真的不知道什么代码可能是相关的,为了清楚起见,我不添加任何代码。请告诉我我将发布哪些文件,我很乐意这样做。
最后,因为这将是我可以接受的一种解决方法:如果无法做我想做的事情(或过于复杂):是否有一种干净的方法来引用 webpack 的 /app/javascript/packs/* 中的样式表资产.scss?至于 sprockets 指纹识别,我不能简单地提供要解析的文件的路径。
我希望我能够让自己清楚这个问题。随意编辑答案以获得更好的可读性/理解。
最好的。