代码之家 › 专栏 › 技术社区 › Gaylord.P

symfony webpack encore:从bundle导入.js

webpack-encore webpack symfony

1

Gaylord.P · 技术社区 · 6 年前

和symfony一起,我创建了一个包。此捆绑包已正确导入 /vendor . 这个包有两个公共文件:

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

如何用wepack encore在我的主项目中导入这些文件?

目前我正在做:

在 assets/js/app.js :

导入“../../vendor/gaylordp/mybundle/resources/public/js/mybundle.js”;

在 assets/css/app.scss :

@导入“../../vendor/gaylordp/mybundle/resources/public/css/mybundle.scss”;

但我认为这不是理想的解决方案…你还有别的主意吗?

2 回复 | 直到 6 年前

1

0

karel Aadil Minhaz 6 年前

在我看来,你有两个解决办法:

就像胡佛说的那样。在webpack.config.js中添加两个条目。

// for the js  
.addEntry('js/mybundle', './vendor/.../mybundle.js')  

// for the scss  
.addStyleEntry('css/mybundle', './vendor/.../css/mybundle.scss')

如果多个文件需要包的JS代码,则可以使用 createSharedEntry . 文件是 here .

// for the js  
.createSharedEntry('js/mybundle', './vendor/.../mybundle.js')  

// for the scss  
.addStyleEntry('css/mybundle', './vendor/.../css/mybundle.scss')

2

0

hoover_D 6 年前

您必须在 webpack.config.js .

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

做完之后 yarn run dev 在终端中刷新资产。

告诉我们它是否有效