问题标签 [webpacker]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ruby-on-rails - 带有 Vue 和 webpacker 3 的 Rails 5.1 应用程序，未编译 css
我正在尝试将Element UI添加到我的 Vue 应用程序中。我遵循快速入门教程，我有我的 application.js
我正在导入 CSS，我也有
在我的布局里面，但是这个文件是空的，没有样式。该应用程序正在运行，但没有 CSS。我的错在哪里？
webpack - Webpack 在生产环境中的构建时间非常慢，在开发环境中速度很快
切换到 webpack (resp. Rails + Webpacker gem) 后，生产服务器上的编译包比开发时长 10 倍以上。
生产机器优于开发，所需模块相同。
ruby-on-rails - Rails 5.1 api webpacker 和 vuejs
我正在尝试使用 Cloud9 上的 webpacker 在 VueJs 中创建 Rails API 和客户端。
标准安装后：npm install -g yarn && rails _5.1.4_ new . --api --webpack=vue
我正在使用Foreman来启动 rails 和 webpack，这是文件。
我将开发部分更改为config/webpacker.yml：
启动foreman startwebpack 时，会创建public/packs/manifest.json包含以下对象的内容。
我创建了一个public/index.html包含以下内容的文件
现在，当我转到 URL 时Hello World from Webpacker，我的 JavaScript 控制台和Hello Vue!浏览器中有 。
我的问题是：是否可以使用生成的这个manifest.json来自动启动好的文件（js，css）以及如何？
javascript - 使用 webpacker 为 axios 指定 XSRF 配置默认值
我想指定将应用于每个请求的配置默认值：
但它似乎没有应用。在 React 组件（导入 axios）中调用它只会返回undefined：
ruby-on-rails - 如何在 typescript + react (rails5 + webpacker) 中通过 url-loader 加载 base64 字符串中的图像
示例回购https://github.com/github0013/typescript_react
我需要加载嵌入到 tag中的 base64 字符串中的图像，但导入图像文件会引发此错误。
TS2307：找不到模块“./Octocat.jpg”。
https://github.com/github0013/typescript_react/commit/6670f3ca74404007ad1ed6e4ab0d111f547ee75d
我对 typescript、webpack 和 react 还很陌生，我确信我对importtypescript 和 webpack 感到困惑。
如何启用url-loader图像？这甚至有效吗？
https://github.com/github0013/typescript_react/blob/master/config/webpack/environment.js
-
我确实尝试require过，但它只会返回图像的路径而不是 base64 搅拌。
ruby-on-rails - 如何配置 webpacker 以使用手写笔，以便我可以使用 Vuetify？
我有 webpacker 为基本的 vue.js/rails 应用程序工作，但我想对其进行配置，以便将手写笔文件编译为 css，以便我可以使用 Vuetify。有谁知道如何做到这一点？我现有的独立工作 vuetify/vue.js 应用程序具有以下 webpack 配置：
对于 webpacker，webpacker 的语法似乎有点不同。我的 Rails 应用程序有 /config/webpack/environment.js
但我收到此错误： 未定义变量：“$chip-label-color”.in /rails_project_path/node_modules/vuetify/dist/vuetify.min.css（第 6 行，第 134917 列）
有没有人有如何使用 Rails Webapcker 配置 Vuetify 的示例？
ruby-on-rails - webpacker 未在 rails 4.2 上成功安装
终端：Windows 10 上的 Ubuntu 上的 bash Rails：4.2.8 npm：5.5.1 节点：v8.9.1 纱线：1.3.2
之后rake webpacker:install，控制台显示如下。虽然最后显示“安装成功”，但日志中出现了一些错误。正常吗？
当我“成功安装”webpacker 并想检查 webpack-dev-server 是否正常工作时，控制台显示如下。这是否意味着我没有正确安装 webpacker？
javascript - 在 webpack 中使用旧的 JavaScript 文件，ES6 的方式是什么？
我使用 react-rails gem 有一段时间了。在使用它时，我将我的 ES6 组件放在app/assets/javascript/components文件夹下，并将普通的旧 JavaScript 文件放在app/assets/javascript. 好消息是我能够轻松地从 ES6 组件中引用旧式 Javascript 文件的对象。
迁移到 webpacker gem 后，我尝试保持类似的方法。我将模块放置在文件夹下app/javascript/packs并将旧样式的 JavaScript 文件放置在文件app/javascript夹中。
我想，有了 webpack，我必须使用导入/导出机制，但我也无法实现。
所以我的问题是如何使用旧的 javascript 文件并在组件中引用其中的对象。
例如global_data.js，驻留在目录中的虚拟文件的内容app/javascript如下：
ES6 在组件中使用g_GlobalData变量的方式是什么？
ruby-on-rails - Rails 中的 window.autoInit 使用 material-components-web 和 webpacker
我正在使用带有以下代码的 Rails 5.1.4。我已确认material.js正在处理该文件并且material-components-web已下载并发现该模块。
为什么mdc调用时未定义window.mdc.autoInit()？
我努力了
- 分别进口
@material/auto-init。 - 将
autoInit调用放入 onload - 添加
console.dir(window)/console.dir(this)内部包文件。this不在window包文件中，并且导出未附加到this
ruby-on-rails - WebStorm + webpacker 调试
你好 StackOverflow 社区！
我的团队正在开发一个 ruby on rails 项目，其中一些部分是用 react 编写的。我们正在使用 webpacker gem 将 js 文件打包成包。
我正在尝试设置 WebStorm 来处理我们的项目，但调试器出现问题 - webstorm 没有遇到任何断点。我正在启动rails s并./bin/webpack-dev-server在单独的终端实例中，安装 chrome 扩展并创建 JavaScript 调试配置，指向反应应用程序所在的视图（在端口 3000 上）。还添加devtool: 'eval'到 webpack 配置中。在 chrome 开发工具中，我看到了webpack://源代码，并且可以在那里成功设置断点。
如何配置此工具以使断点工作？