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

how to use webpack and bootstrap-sass-loader load bootstrap in rails

本文关键字:webpack bootstrap-sass-loader 加载 bootstrap rails      更新时间:2023-09-26

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

按照他的指导,安装bootstrap-sass-loader,并添加entry点和loader

它看起来像bootstrap javascript被加载。但我不知道如何导入scss .in origin rails项目,我把scss文件在app/assets/stylesheets文件夹。但是webpack会打包app/assets/javascripts/client

中的所有文件

有人可以告诉我如何导入引导在起源rails项目的SCSS文件?

我可以这样加载它:../../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

为了正确加载字体等,你可能需要文件加载器和url加载器