sulu/webpack-encore

一个用于将webpack encore安装到你的包中的包,无需stimmilus。

安装: 97

依赖者: 0

建议: 0

安全性: 0

星级: 2

关注者: 5

分支: 0

开放问题: 0

语言:JavaScript

1.0.0 2021-03-17 20:36 UTC

This package is auto-updated.

Last update: 2024-09-18 05:19:05 UTC


README

简单的Webpack Encore实现,带有sass-loader进行CSS处理。此包提供了一个简单的配方,用于在不集成Stimiluswebpack-encore-bundle的情况下使用webpack encore。

安装

composer require sulu/webpack-encore

symfony/flex配方现在应在你的项目目录中生成CSS/JS设置。

构建 CSS / JS

cd assets/website
npm install
npm run build

嵌入 JS / CSS

JS

<script src="{{ asset('build/website/main.js', 'website') }}"></script>

CSS

<link href="{{ asset('build/website/main.css', 'website') }}" rel="stylesheet">

嵌入后,你应该看到有颜色的背景。这意味着你的构建成功完成。

移除包

现在最好的做法是你可以安全地移除这个包。symfony flex不会移除配方文件,我们只是检查了composer文件。

git checkout symfony.lock composer.lock composer.json

预加载 CSS / JS

如果你想要预加载CSS或JS,你可以使用symfony/web-link包来完成。

composer require symfony/asset
composer require symfony/web-link

然后,只需将asset函数包裹在preload中,例如。

JS

<script src="{{ preload(asset('build/website/main.js', 'website')) }}"></script>

CSS

<link href="{{ preload(asset('build/website/main.css', 'website')) }}" rel="stylesheet">