管理CSS和JavaScript
编辑本页管理CSS和JavaScript
截屏视频
你更喜欢视频教程吗?请查看Webpack Encore屏幕播放系列.
ob娱乐下载Symfony附带了一个纯JavaScript库——Webpack Encore——这使得使用CSS和JavaScript成为一种乐趣。您可以使用它,使用其他东西,或创建静态CSS和JS文件在您的公共/
直接目录,并将它们包含在模板中。
Webpack安可
Webpack安可有更简单的积分方法吗Webpack在你的应用程序中。它包装Webpack,为您提供了一个干净而强大的API,用于捆绑JavaScript模块,预处理CSS和JS以及编译和缩小资产。安可给你专业的资产系统高兴的是使用。
Encore的灵感来自Webpacker而且混合,但保持Webpack的精神:使用它的功能,概念和命名约定熟悉的感觉。它旨在解决最常见的Webpack用例。
提示
安可由ob娱乐下载和工作漂亮的在Syob娱乐下载mfony应用程序中。但它可以用于任何PHP应用程序,甚至与其他服务器端编程语言!
ob娱乐下载Symfony用户体验组件
- ux-autocomplete:转换
EntityType
,ChoiceType
或任何<选择>
元素转换为ajax支持的自动补全字段(看到演示) - ux-chartjs:简单的图表Chart.js(看到演示)
- ux-cropperjs:用于裁剪图像的表单类型和工具(看到演示)
- ux-dropzone:用于文件上传的风格化“放置区”的表单类型(看到演示)
- ux-lazy-image:优化图像加载与BlurHash (看到演示)
- ux-live-component:用零JavaScript构建动态接口(看到演示)
- ux-notify:使用Mercure发送服务器发送的本机通知(看到演示)
- ux-react:渲染反应来自Twig (看到演示)
- ux-swup:与Swup(看到演示)
- ux-turbo:与涡轮驱动对于单页应用程序体验(看到演示)
- ux-twig-component:用PHP类来构建分支组件(看到演示)
- ux-typed:与输入(看到演示)
- ux-vue:渲染Vue来自Twig (看到演示)
其他前端文章
- Assetic
- 如何为资产使用自定义版本策略
- 高级Webpack配置
- 配置巴别塔
- 使用引导CSS和JS
- 使用CDN
- 异步代码分割
- 复制和引用图像
- CSS预处理器:Sass, LESS, Stylus等。
- 添加自定义加载器和插件
- 使用webpack-dev-server和HMR
- 常见问题及常见问题
- 安装安可
- jQuery插件和遗留应用程序
- PostCSS和自动重固定(PostCSS -loader)
- 使React.js
- 从树枝传递信息到JavaScript
- 安可:设置你的项目
- 启用源映射
- 通过将共享代码“分割”到单独的文件来防止复制
- 启用TypeScript (ts-loader)
- CSS中的内联图像和字体
- 资产版本化
- 在虚拟机中使用Encore
- 启用Vue.js (vue-loader)
- Symfob娱乐下载ony用户体验计划和包
此工作,包括代码示例,是根据创作共用BY-SA 3.0许可证。