Question

我将Webpacker gem安装到了我的Rails应用程序中，并且很难将JS和CSS文件从资产文件夹导入到app / javascript / packs文件夹中。

我要提到的app / javascript / packs / application.js看起来像这样：

/* eslint no-console:0 */
// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.
//
// To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
// layout file, like app/views/layouts/application.html.erb

console.log('Hello World from Webpacker')

并且它正常工作（在控制台中，我看到“ Hello World ..”文本。）

我试图将例如 jquery.slimmenu.js 复制到 packs 文件夹中，并包含如下内容：

//= require jquery.slimmenu.js

但是在控制台中找不到，只有application.js和一堆404找不到JS和CSS文件

Answer 1

您的main.js文件可以位于app / javascript中的任何目录中例如，创建app / javascript / components 然后添加您的application.js

import 'jquery'
require("../components/main");

然后在您的HTML中添加

<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>

必须加载application.js中的脚本

如何在Webpacker中正确导入JS和CSS文件？

1 个答案: