webpack 在Rails 5.1中嵌入React样板

2w3kk1z5  于 2022-12-04  发布在  Webpack
关注(0)|答案(2)|浏览(138)

有没有人尝试过将react-boilerplate集成到Ruby on Rails 5.1应用程序中?看起来5.1 approach to embedding React components in views相当简单。Rails 5.1使用的是webpacker,它有一种将Ruby配置与Webpack混合的方法。这看起来不是很简单,但是有没有人有任何技术来实现这一点?

d8tt03nd

d8tt03nd1#

看看rails-react-boilerplate,它应该有你需要的所有信息,你应该可以在github上很容易地找到它。

vc9ivgsu

vc9ivgsu2#

可以在Rails 5.1应用程序中嵌入React-Boilerplate项目,但需要进行一些配置和设置。
1.通过在项目的根目录下运行npm install命令,在Rails应用程序中安装React-Boilerplate项目。这将在项目中安装React-Boilerplate依赖项。
1.创建一个新的Rails控制器和视图来托管React-Boilerplate项目。您可以通过运行rails generate controller React index命令来执行此操作,该命令将创建一个新的ReactController和一个带有相应视图的index操作。
1.在index视图中,添加必要的HTML和JavaScript代码以呈现React-Boilerplate项目。这通常包括以下元素:

  • 具有id属性的div元素,将用作React-Boilerplate项目的根容器。
  • 加载React-Boilerplate JavaScript包的script标记,该包通常通过在React-Boilerplate项目中运行npm run build命令生成。
  • 一个script标记,通过在根容器div中呈现React-Boilerplate项目并向其传递任何必要的属性来初始化该项目。

1.在ReactController中,定义index操作以呈现索引视图。这将允许在用户访问浏览器中的相应URL时呈现React-Boilerplate项目。
1.配置Rails资产管道以正确服务React-Boilerplate JavaScript包。这可能需要修改config/environments/production.rb文件以将app/build目录添加到config.assets.paths数组,以便Rails资产管道可以找到该包。
1.通过在React-Boilerplate项目中运行npm run build命令来构建React-Boilerplate项目。这将生成用于在Rails应用程序中呈现该项目的JavaScript包。
1.通过运行rails s命令启动Rails服务器,然后在浏览器中导航到ReactController的URL,以查看Rails应用程序中呈现的React-Boilerplate项目。
请记住,这些步骤只是一个示例,您可能需要根据特定的用例和要求进行修改。建议参考React-Boilerplate和Rails文档以获得更详细的信息和说明。

相关问题