Symfony Webpack Encore:从捆绑包导入.js

时间:2019-02-11 15:25:54

标签: symfony webpack webpack-encore

使用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中:

  

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

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

2 个答案:

答案 0 :(得分:0)

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

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

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

告诉我们是否可行

答案 1 :(得分:0)

我认为您有两种解决方案:

  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')  
    
相关问题