将外部 .js 文件添加到新的 Rails 6 网络应用程序
Adding external .js files to a new Rails 6 web app
我创建了一个新的 rails 6 应用程序。在 rails 6 中,javascript 文件夹是外部资产。我已将现有应用程序中的所有 css
和 js
文件复制到这个新应用程序,并更新了 application.css
、application.js
。 application.css
工作正常但 application.js
不工作。在编译 (bin/webpack
) webpack 时显示这样的错误 =>
ERROR in ./app/javascript/packs/application.js
Module not found: Error: Can't resolve 'file_name' in >'/home/app/javascript/packs'
@ ./app/javascript/packs/application.js.
在 application.js
中,我添加了 .js
具有 require('file_name')
语法的文件。我将所有 .js
文件粘贴到 app/javascript/packs
文件夹中。请帮我解决这个问题。
app/javascript/packs
文件夹对于 Webpacker 来说是特殊的。它应该只有 javascript 个文件 "boot up" 您的页面。如果您从单个脚本加载所有内容,这通常是 application.js
,但如果您有一个特殊的日历 page/widget.
,您也可以有类似 calendar.js
的内容
所有其他代码通常位于 app/javascript/src
文件夹中。在您的 app/javascript/packs/application.js
文件中,您可以 require('src/file_name')
要求文件位于 app/javascript/src/file_name.js
我创建了一个新的 rails 6 应用程序。在 rails 6 中,javascript 文件夹是外部资产。我已将现有应用程序中的所有 css
和 js
文件复制到这个新应用程序,并更新了 application.css
、application.js
。 application.css
工作正常但 application.js
不工作。在编译 (bin/webpack
) webpack 时显示这样的错误 =>
ERROR in ./app/javascript/packs/application.js Module not found: Error: Can't resolve 'file_name' in >'/home/app/javascript/packs' @ ./app/javascript/packs/application.js.
在 application.js
中,我添加了 .js
具有 require('file_name')
语法的文件。我将所有 .js
文件粘贴到 app/javascript/packs
文件夹中。请帮我解决这个问题。
app/javascript/packs
文件夹对于 Webpacker 来说是特殊的。它应该只有 javascript 个文件 "boot up" 您的页面。如果您从单个脚本加载所有内容,这通常是 application.js
,但如果您有一个特殊的日历 page/widget.
calendar.js
的内容
所有其他代码通常位于 app/javascript/src
文件夹中。在您的 app/javascript/packs/application.js
文件中,您可以 require('src/file_name')
要求文件位于 app/javascript/src/file_name.js