javascript - 如何在 rails 中使用 webpack 和 bootstrap-sass-loader 加载 Bootstrap

Question

我真的刚刚开始学习 webpack。我使用 rails。我想使用 webpack 来管理我的 javascript 库。所以我找到了@justing808 的justin808/react-webpack-rails-tutorial。

按照他的指导，安装bootstrap-sass-loader，添加entry点，添加loader。

看起来 bootstrap javascript 已加载。但我不知道如何导入scss。在origin rails 项目中，我将scss 文件放在app/assets/stylesheets 文件夹中。但是 webpack 会将所有文件打包到 app/assets/javascripts/client

有人能告诉我如何在 origin rails 项目的 scss 文件中导入 bootstrap 吗？

我可以像这样加载它:../../node_modules/bootstrap-sass/assets/bootstrap/，看起来很糟糕。不对，是吗？

如果我这样做，则无法加载 glyphs。我得到了一些警告

Failed to decode downloaded font: http://localhost:5000/a/448c34a56d699c29117adc64c43affeb.woff2
Failed to decode downloaded font: http://localhost:5000/a/fa2772327f55d8198301fdb8bcfc8158.woff
Failed to decode downloaded font: http://localhost:5000/a/e18bbf611f2a2e43afc071aa2f4e1512.ttf

Answer 1

您可能需要文件加载器和 url 加载器才能正确加载字体等。