javascript - Symfony2 丑化 CSS 和 JS

Question

我正在努力

php app/console assetic:dump

测试我的生产环境。我的 css 文件正在生成，但不是我的 js 文件。我收到此错误消息:

C:\wamp\www\projet>php app/console assetic:dump --env=prod --no-debug
Dumping all prod assets.
Debug mode is off.

09:48:02 [file+] C:/wamp/www/projet/app/../web/css/666.css



[Assetic\Exception\FilterException]
An error occurred while running:
"C:\Program Files\nodejs\\node.EXE" "C:\wamp\www\projet\app\Resources\node_
modules\.bin\uglifycss" "C:\Users\GoeresAdmin\AppData\Local\Temp\inp3AC2.tm
p"

Error Output:

C:\wamp\www\projet\app\Resources\node_modules\.bin\uglifycss:4
case `uname` in
^^^^
SyntaxError: Unexpected token case
  at Module._compile (module.js:439:25)
  at Object.Module._extensions..js (module.js:474:10)
  at Module.load (module.js:356:32)
  at Function.Module._load (module.js:312:12)
  at Function.Module.runMain (module.js:497:10)
  at startup (node.js:119:16)
  at node.js:906:3

这是我布局中的 javascript block :

{% block javascripts %}
  {# jQuery depuis le CDN de Google, ou fallback sur une copie locale #}
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
    {# Tous nos javascripts avec Assetic #}
  {% javascripts output='js/666.js' filter='?uglifyjs2' 
    'js/*.js' %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
  {% endjavascripts %}
{% endblock %}

还有我正在运行的 css block :

{% block stylesheets %}
  {% stylesheets output='css/666.css' filter='?uglifycss'
    'css/*.css' %}
    <link rel="stylesheet" href="{{asset_url}}" type="text/css" />
  {% endstylesheets %}
{% endblock %}

我的 app.php 中有这一行:

$kernel = new AppKernel('prod', false);

我的配置文件:

# Assetic Configuration
assetic:
debug:          %kernel.debug%
use_controller: false
bundles:        [ ]
filters:
    uglifyjs2:
        bin: %kernel.root_dir%/Resources/node_modules/.bin/uglifyjs
    uglifycss:
        bin: %kernel.root_dir%/Resources/node_modules/.bin/uglifycss

编辑:

我编辑了我的代码以使用 uglify 而不是 YUI。但它比以前更糟，因为现在 JS 和 CSS 都没有在产品中运行。

Answer 1

您为 uglifyjs 和 uglifycss 脚本配置了错误的路径。 Assetic 通过 Node.js 的可执行文件执行这些脚本 - 但您将路径配置为 uglifyjs 和 uglifycss 的二进制版本(它们是独立的)。

正确的配置应该是:

# Assetic Configuration
assetic:
debug:          %kernel.debug%
use_controller: false
bundles:        [ ]
filters:
    uglifyjs2:
        bin: %kernel.root_dir%/Resources/node_modules/uglify-js/bin/uglifyjs
    uglifycss:
        bin: %kernel.root_dir%/Resources/node_modules/uglifycss/uglifycss

uglifyjs 脚本的正确路径取决于您安装的版本。