Symfony Webpack Encore：从Bundle导入.js

Posted 2021-04-02

使用Symfony，我创建了一个包。此包在/vendor中正确导入。这个包有两个公共文件：

• /MyBundle/Resources/Public/css/mybundle.scss
• /MyBundle/Resources/Public/js/mybundle.js

如何使用Webpack Encore在我的主项目中导入这些文件？

目前我在做：

在assets/js/app.js：

import“../../vendor/gaylordp/mybundle/Resources/public/js/mybundle.js”;

在assets/css/app.scss：

@import“../../vendor/gaylordp/mybundle/Resources/public/css/mybundle.scss”;

但我认为这不是理想的解决方案......你有其他想法吗？

答案

在我看来，你有两个解决方案：

1. 就像@hoover_D说的那样。在webpack.config.js中添加两个条目。 // for the js .addEntry('js/mybundle', './vendor/.../mybundle.js') // for the scss .addStyleEntry('css/mybundle', './vendor/.../css/mybundle.scss')
2. 如果多个文件需要捆绑包的js代码，则可以使用createSharedEntry。文档是here。 // for the js .createSharedEntry('js/mybundle', './vendor/.../mybundle.js') // for the scss .addStyleEntry('css/mybundle', './vendor/.../css/mybundle.scss')

另一答案

你必须在你的webpack.config.js中添加一个条目。

.addEntry('isotop', './vendor.../js/isotop.js')

在终端中执行yarn run dev后刷新资产。

告诉我们它是否有效