Symfony Webpack Encore Bundle 使用教程

最新推荐文章于 2024-11-25 19:57:18 发布

晏其潇Aileen

最新推荐文章于 2024-11-25 19:57:18 发布

阅读量671

点赞数 6

本文链接：https://blog.csdn.net/gitblog_00635/article/details/141581780

版权

Symfony Webpack Encore Bundle 使用教程

webpack-encore-bundleSymfony integration with Webpack Encore!项目地址:https://gitcode.com/gh_mirrors/we/webpack-encore-bundle

项目介绍

Symfony Webpack Encore Bundle 是一个用于集成 Symfony 应用与 Webpack Encore 的 PHP 包。Webpack Encore 是一个简化 Webpack 配置的前端构建工具，而此 Bundle 则帮助 Symfony 开发者更方便地使用 Webpack Encore 的功能，如 splitEntryChunks()，通过读取 entrypoints.json 文件来渲染所需的动态脚本和链接标签。

项目快速启动

安装

首先，确保你已经安装了 Symfony 项目，然后在项目目录下运行以下命令来安装 Webpack Encore Bundle：

composer require symfony/webpack-encore-bundle

配置

在 webpack.config.js 文件中配置 Webpack Encore：

const Encore = require('@symfony/webpack-encore');

Encore
    .setOutputPath('public/build/')
    .setPublicPath('/build')
    .addEntry('app', './assets/js/app.js')
    .enableSingleRuntimeChunk()
    .enableSassLoader()
    .enableVersioning(Encore.isProduction())
;

module.exports = Encore.getWebpackConfig();

使用

在 Symfony 模板中使用生成的资源：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="{{ asset('build/app.css') }}">
</head>
<body>
    <script src="{{ asset('build/app.js') }}"></script>
</body>
</html>