如何在rails中使用webpack和bootstrap-sass-loader加载bootstrap
how to use webpack and bootstrap-sass-loader load bootstrap in rails
我真的刚刚开始学习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加载器
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- Webpack开发服务器和React服务器端渲染
- 让Webpack管理Quirky AMD定义的最佳方式
- 什么'在webpack外部设置中,reactDom和reactDom不同
- webpack代码拆分了handlerbs文件——结果是文件很大
- 将webpack和babel与父项目目录中的文件一起使用
- React, Webpack: bundle.js is not generated
- Webpack UglifyJS仍在发出警告消息
- 将require('..')与变量一起使用与在webpack中使用字符串相比
- webpack开发模式和生产构建模式之间有什么区别
- index.html使用webpack开发服务器未重新加载
- 如何在Webpack中从导出中排除供应商模块peerDependencies
- 如何在使用webpack时不解决需求
- 通过Webpack导入模块中的图像
- 使用提取文本webpack插件时出现意外字符
- 如何在不使用require语句的情况下使用webpack加载目录中的所有文件
- 如何使用webpack将全局JS文件包含到我的React项目中
- Webpack-无法使用$.getScript加载bundle.js
- 有没有办法在Node/Webpack中预先准备外部JS工具