sulu / webpack-encore
一个用于将webpack encore安装到你的包中的包,无需stimmilus。
1.0.0
2021-03-17 20:36 UTC
Requires
- php: ^7.2
- symfony/asset: ^4.4 || ^5.2
README
简单的Webpack Encore实现,带有sass-loader
进行CSS处理。此包提供了一个简单的配方,用于在不集成Stimilus
和webpack-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">