如何在 Rails 6 版本中使用 rails 的 js.erb 功能

Question

如何在 Rails 6 版本中使用 rails 的 js.erb 功能？

随着rails 6附带webpacker，我们需要添加Jquery作为自定义选项。 有没有办法让js.erb工作。

我有jquery使用以下设置

const { environment } = require('@rails/webpacker')
const webpack = require("webpack")
environment.plugins.append("Provide", new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
Popper: ['popper.js', 'default'],
}))
module.exports = environment

即使js.erb不起作用。

Answer 1

为了在JS.erb文件中使用jQuery，你需要提供jQuery作为全局文件。

使用 Yarn 或 NPM 安装 jQuery：

$ yarn add jquery

确保你正在运行 webpack 开发服务器：

$ bin/webpack-dev-server

在app/javascript/packs/application.js中需要 jQuery：

global.jQuery, global.$ = require("jquery");