在webpacker中使用in-HTML javascript的正确方法是什么？
在webpacker中使用in-HTML javascript的正确方法是通过Webpack的entry配置和HtmlWebpackPlugin插件来实现。
首先，需要在Webpack的配置文件中设置entry，指定入口文件。可以是单个入口文件或多个入口文件，根据具体需求进行配置。
// webpack.config.js
module.exports = {
entry: {
main: './src/main.js',
vendor: './src/vendor.js'
},
// 其他配置项...
}接下来，安装并配置HtmlWebpackPlugin插件，该插件可以自动生成HTML文件，并将打包后的脚本文件自动引入到HTML中。
npm install --save-dev html-webpack-plugin// webpack.config.js
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
// 其他配置项...
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
filename: 'index.html',
chunks: ['main']
})
]
}在上述配置中，template指定了HTML模板文件的路径，filename指定生成的HTML文件名，chunks指定需要引入的脚本文件。
最后，在HTML模板文件中使用<%= htmlWebpackPlugin.options.title %>来引入打包后的脚本文件。
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<!-- 页面内容 -->
<script src="<%= htmlWebpackPlugin.files.chunks.main.entry %>"></script>
</body>
</html>这样，在使用webpacker时，就可以正确地在HTML中使用in-HTML javascript了。
相关·内容
我正在用webpacker建立一个新的rails 5.2项目，试图实现一个静态的Boostrap模板。但是，我不确定在rails/webpacker中包含Boostrap模板中的in-HTML javascript的最佳方式是什么。我已经在application.js中包含了jQuery，但是控制台总是说$ is not application.js。j
浏览 24提问于2019-04-20得票数 0
回答已采纳
使用Rails 6里面有两个文件。app/client/javascript/config/editor/syntax-highlighting/math-mode.js app/client/javascript/config
浏览 1提问于2020-08-22得票数 1
我生成了一个新的rails应用程序：rails new titi --webpack=vuemodule.exports =
浏览 2提问于2017-09-01得票数 13
我还试着安装诸如"“这样的替代宝石，以避免错误，但同样的错误也会发生"Module”。CSS文件加载成功，但JavaScript文件没有加载。使用以下方法安装Summernote gem：require("@rails/ujs").start()require服务器终端显示消息：
Module not found: Error: Can&#x
浏览 0提问于2020-01-27得票数 0
回答已采纳
在javascript中访问Rails.env的最佳方法是什么？
从rails应用程序(我的根组件所在的视图模板)中设置一个javascript变量，并在根组件JS中</em
浏览 2提问于2017-09-14得票数 1
我正在使用Fernando Villalobos的，并且遇到了一个(希望)简单的渲染问题。 React.DOM.h2 'Records'
在教程中的这一点上谷歌开发者的控制台证实R
浏览 3提问于2018-08-28得票数 0
回答已采纳
我一直在将一个Rails 5.2应用程序升级到Rails 6。我还没有安装Webpack，但我在Dokku (它有一个类似于Heroku的构建系统)上得到以下部署错误：
webpack binstubs not found.Have you run rails webpacker:install ?
浏览 2提问于2021-03-13得票数 0
我有一个应用程序，它在我使用devise gem的路线中使用Rails 6和Boootstrap gem 4.4.1： sessions/layout/application.html.slim中html title=
浏览 2提问于2021-11-15得票数 1
我们使用将JavaScripts和CSS文件加载到网页中。
目前，在webpacker.yml中，我们已经将source_path设置为app/javascript。但是在我们的应用程序中，我们有一个engines目录，所有的JavaScript文件都位于engines目录中的不同engines中，为了加载这些JavaScript文件，
浏览 0提问于2018-06-22得票数 15
在app/javascript/packs/application.js中，我试图将文件位于foo.js.erb的位置转换为import "../foo"。Webpacker和纱线对于application.js中的其他导入非常有用，例如，当该文件为bar.js时，import "../bar"，但是如果我尝试使用.js.erb文件，则会从webpack-dev-
浏览 5提问于2017-05-12得票数 15
回答已采纳
我想重用我在几个不同视图中编写的javascript函数。在Rails6中我该如何着手做这件事呢？到目前为止，我能使用的唯一解决方案是在javascript文件中将函数定义为window.functionName = function() {}
然而，许多其他关于这方面的帖子说，这是一个糟糕的解决方案定义我可以在rails视图中使用的函数的<em
浏览 0提问于2021-03-13得票数 0
我刚刚开始在现有的应用程序中试验Webpacker。根据我所读到的所有内容，我的理解是Webpacker和Sprockets可以共存，并且在Webpacker (例如jquery)中编译的库可以通过全局变量提供给Sprokets。但是我在资产管道中的所有jquery都在提高ReferenceError: Can't find variable: $
是我误解了，还是我<e
浏览 4提问于2018-08-20得票数 7
回答已采纳
1回答
我在一个服务器上安装了一个rails 6应用程序，它收到了很多ActionController::RoutingError: No route matches [GET] /31194a065aebf1674b61有人知道xxx.worker.js文件是什么吗？在JavaScript方面，我将webpacker与Vue.js结合使用。我猜这是webpacker的事情，但我真的不确定。
浏览 7提问于2019-08-10得票数 2
如何使用webpacker在Rails 5.2应用程序中设置Foundation和JavaScript？以下是我迄今所做的工作：rails new myapp --webpackrails webpacker:install加入“场地基金会”：从那里我有点迷失了<em
浏览 0提问于2018-07-04得票数 3
回答已采纳
组件没有呈现，因为没有正确的ReferenceError错误。在其中一个React文件中引发错误(请参阅下面的代码)。我正在使用react rails gem，并试图呈现一个名为'Test‘的空白组件。中的文件(第3行) module.exports = require('.
浏览 0提问于2019-06-22得票数 4
我已经下载了，这是现代npm/纱线Webpack的主题。github.com/puikinsh/Adminator-admin-dashboard.git adminator> npm install它的效果就像一种护身符现在我的问题是，我如何在Rails 5.1+中实现它？在创建新的应用时，应该像这样使用webpack的支持：
> ra
浏览 1提问于2018-01-17得票数 0
1回答
rails assets/javascript目录有以下子目录：包我在一个application.js文件中有以下内容但是这些文件并没有以Webpacker can't find的形式导入，因此也没有创建清单。
导入这些文件的正确语法是什么？
浏览 1提问于2021-06-02得票数 0
回答已采纳
我正在使用Webpacker v2运行Rails v5。到目前为止，一切都很顺利，但我遇到了一个问题:如何将Rails助手暴露给我的TypeScript。我知道Webpacker附带了rails-erb-加载程序，所以我希望能够将.erb添加到TypeScript文件中，然后将该文件导入到其他地方：
// app/javascript/utils/rails.ts.erbenv = "<%= Rails.env %>
浏览 5提问于2017-06-26得票数 7
回答已采纳
我添加了webpacker，捆绑、安装和编辑了我所有的javascript_include标记到javascript_pack中。
现有的javascript会发生什么？我在app/assets/javascripts和供应商/资产/javascripts中都有很多。它似乎不是自动捡起来的。这些javascript中的一些是application.js.erb所必需的<
浏览 0提问于2019-08-08得票数 2
回答已采纳
1回答
我使用的是ReactOnRails应用程序，我有使用npm安装的包的node-modules文件夹。我如何在app/assets/javascript/application.js中使用这些jquery库，这样我就不必在我的模块和Gemfile中安装javascript
这是我的webpack配置文件
浏览 13提问于2017-01-20得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
