Question

我知道L5和Elixir仍处于开发阶段，但我很高兴开始考虑重组代码的方法。我认为我的问题更多地与资产管理有关，在L5和Elixir的背景下。

想澄清应如何处理连接和版本控制（在我的情况下，我使用Elixir＆＃39; styles()和version()）。我遇到的问题是concat / version之后的新文件将位于一个新文件夹中，从原始css或js文件中删除对资产的任何引用。

例如，具有background-image: url('../img.png')的原始CSS文件将不再有效。我尝试了很多东西，但两者都不理想，特别是在供应商插件的情况下：

将所需资产逐个移动（对每个资产文件夹使用mix.copy（））到新构建路径（即Elixir版本控制使用的构建路径）。
手动编辑每个资产文件中的路径以引用绝对路径

虽然这两个选项都可以让事情发挥作用，但我觉得我可能会遗漏一些东西。使用javascript插件（例如带有自己的图像，字体，样式表等的插件）也变得非常不切实际。

在连接和版本控制时，是否有更实用的方法来管理相对路径？

Answer 1

在构建版本控制之后，这是Laravel Elixir的解决方案。对于复制命令，您需要将其作为完整路径引用。

var elixir = require('laravel-elixir');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Less
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(function(mix) {
    mix.version('themes/default/assets/css/styles.css')
        .copy('public/themes/default/assets/img/', 'public/build/themes/default/assets/img/');
});

Answer 2

它们是相对路径 - 所以保持相对关系。

在有远见之后，只需将图像移动到public/build/目录，作为gulp命令的一部分。

Answer 3

修改

我刚刚向Elixir提交了pull request，所以你可以这样做：

mix.version( ['css/style.css', 'css/vendor/style.css'], //files to be versioned ['fonts', 'css/vendor/icons'] //dependent files/dirs to be copied );

OLD ANSWER：

实际上，如果单独使用mix.copy(...)，则无法使用gulp watch，并且您需要重新编译整个堆栈才能实现此功能。

您可以使用下面的解决方案获得相同的结果，并且不需要重新编译所有内容，因为它只会在您更改版本化文件时起作用：

var shell = require('gulp-shell'); gulp.task('cp', shell.task(['cp -R public/fonts public/build/', 'cp -R path/to/vendor/dir public/build/vendor/', '... etc ...'])); elixir(function(mix) { ... //register a watcher to run 'cp' when you rebuild mix.task('cp','public/build/**/*.(js|css)'); }

资产管理 - 在连接和版本控制之后维护对相对资产的引用

3 个答案: