在Symfony 4中管理CSS和JS

时间:2018-07-05 06:56:37

标签: symfony yarnpkg webpack-encore

自Symfony 4起,我们建议仅使用Yarn Encore Webpack来生成一个资源文件(可选压缩,然后缩小),这是一个不错的主意,我一直在其他项目中使用它,但是自从我开始第一个项目S4上的一个项目(在Symfony 3上做了很多),我对如何管理这些文件感到困惑。

例如,我正在使用SCSS和纯JS +一些库(jQuery,Bootstrap)。我的做法是使用PhpStorms监视程序运行SCSS处理器来生成CSS文件,然后将这些文件与通过Bower获取到公共资产目录的JS库一起包含在布局中。

对于S4,文档中的Yarn示例建议仅通过Yarn到node_modules目录(不是公共目录)获取那些软件包,然后调用命令运行yarn encore dev将我的资产和库一起编译到一个.css /中。 js文件。与PhpStorm的监视程序类似,可以通过在终端中运行活动的监视程序进行文件更改来自动执行此步骤。

但是这个yarn命令花费很长时间来生成这样的文件,以至于减慢了我的开发速度。尤其是SCSS,我不太关心JS。

我的问题是,如何正确使用此工具,但仍然可以像以前一样快速工作,其中Ctrl + S操作导致<1s进程使所有工作正常。

0 个答案:

没有答案