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

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

问题描述:

我真的刚开始学习webpack。我用rails。 我想使用webpack来管理我的javascript库。所以我找到了@ justing808的justin808/react-webpack-rails-tutorial如何在rails中使用webpack和bootstrap-sass-loader加载bootstrap

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

它看起来像是bootstrap JavaScript已加载。但我不知道如何导入scss。在原始轨道项目中,我将scss文件放置在app/assets/stylesheets文件夹中。但webpack将打包所有文件app/assets/javascripts/client

有人可以告诉我如何在原始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 

你可能需要的文件加载器以及网址加载程序,以便正确地加载字体等