问题标签 [webpack-encore]

当我使用 VueJS 和 symfony 提供的捆绑 Webpack encore 从基本 symfony 应用程序加载页面时出现以下错误

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

所以我需要将 VueJS 的别名更改为 webpack：

但是我没有在 Webpack Encore 中找到任何可以更改此设置的内容。

Webpack 安可：http ://symfony.com/doc/current/frontend.html

我尝试在 Symfony 中使用 Encore。

第一个例子

我运行命令：

这让我返回错误：

我正在学习使用webpack-encore并注意到它仅作为dev依赖项安装。这是否意味着我应该在开发时编译我的js和css文件并将它们推送到存储库，然后再推送到生产环境？

在我看来这似乎是文档所暗示的，但这不意味着合并冲突地狱吗？编译后的文件将无法合并。

这也不会违反版本控制理念吗？据我所知，您不会以编译语言（即 C/C++）发布二进制文件，而是推送代码并期望服务器编译它们。我知道这与 javascript 中的“编译”类型不同，但在这种情况下，生产服务器的预期行为是什么？接收准备为它们服务的文件，还是在发布时编译它们？

提前致谢

我刚刚安装了 Encore 来对其进行测试并开始在我的项目中使用它（非常棒的工作！！！真的，谢谢！）。

我马上就有问题了。

尝试运行时，./node_modules/.bin/encore dev我收到异常：

无法确定 webpack 上下文。（您是从项目外部的目录执行 webpack 吗？）。尝试传递 --context 选项。

我只是按照官方文档中关于第一个示例的说明进行操作，结果就是这个异常。

我的项目结构如下：

所以，基本上，我有一个 Symfony 3.3 项目的经典结构，加上一些与JS.

谁能帮我解决这个问题？

这是我第一次使用更复杂的解决方案来管理 css 和 javascript 资产。

Unitl 现在我已经完成了所有这些文件的放入，src/AppBundle/Resources/public/所以我对这个新流程不是很有经验。

谢谢！

Symfony Encore 现在默认支持使用 TypeScript（添加对 enableTypescriptLoader的支持），而且效果很好。但是，我想使用 tsconfig.json 文件配置我的 TypeScript 配置。

我试着找出把它放在哪里，但我在兔子洞里迷路了，不知道应该把文件放在哪里让 ts-loader 把它捡起来。或者，如果有启用此功能的配置。

我管理配置 Webpack 以将 CSS 和 JS 输出到各自的子目录中，即 public/assets/css 和 public/assets/js。但是，我不知道如何对 Symfony Webpack Encore 做同样的事情。

我试图让 Webpack 处理和复制文件夹中的所有图像文件，并使用“image-webpack-loader”src将它们输出到文件夹。build

据我了解，Webpack 只会对 CSS/SASS/LESS 中引用的图像或入口点执行此操作。

我正在做一个 Symfony 项目，并且在 twig 模板中有很多引用，这些显然被忽略了。

知道如何在不添加构建工具或为我包含在项目模板中的每个图像制作重复的参考文​​件的情况下实现这一点吗？

在使用 Assetic 将我的资产加载到 Symphony 项目中的几年之后，我期待着转向 webpack 来创建我的 fronded。到目前为止，我想通过 npm 加载模块并将它们要求到我的 main.js 文件中。

目前，我正在努力寻找如何嵌入我的项目结构中存在的一些旧 JS 资产（在 src/MyBundle/Resources/public/... 中的某个位置）。我要嵌入的插件依赖于另一个文件，也在我的本地工作区中。

使用类似的东西： import dependency from 'src/MyBundle/Resources/public/asset_dependency.js'; import plugin from 'src/MyBundle/Resources/public/myplugin.js';

到目前为止没有工作。我错过了什么？我是否需要将它添加到我的 webpack.config.js 中，我是否必须创建嵌入这两个资产的模块文件？

我正在尝试在我的 Symfony 3.3 项目中使用 SensioLab Webpack Encore，但是在向 webpack 添加了一些脚本后，我的脚本看不到其他脚本的功能。

包.json

webpack.config.json

布局.html.twig

结果，我得到了：

未捕获的 TypeError：$(...).metisMenu 不是 HTMLDocument 中的函数。（ecore-template-skeleton-static.467b4f0501b93aee4b47.js:97）在mayThrow（ecore-template-skeleton-static.467b4f0501b93aee4b47.js:3962）在进程（ecore-template-skeleton-static.467b4f0501b93aee4b47.js:4030）

生态模板骨架静态.467b4f0501b93aee4b47.js:97

我正在尝试使用物化 css 框架制作 symfony 应用程序。根据官方 3.3 文档，我正在使用 encore 进行前端。

我对全局的 jquery 插件有疑问。我试过这个： Webpack Encore - jQuery plugins out of view但这仍然无法正常工作......

所以...我的 webpack 配置：

在vendor.js我包括 global.js ：

在这个文件中，任何 jquery 插件都可以正常工作。在createProfile.js中：

当我在控制台中加载页面时，我看到：

如何在全局范围内为 jquery 提供插件？