经过UglifyJS,UglifyCSS缩小js,css文件

##UglifyJS安装与使用 ###安装 ####全局安装 npm install -g uglify-js ####本地安装 进入到symfony项目目录 npm install uglify-js --prefix app/Resourcesjavascript

###配置过滤器 # app/config/config.yml assetic: node:/usr/bin/node //配置node执行路径 filters: uglifyjs2: # the path to the uglifyjs executable bin: /usr/local/bin/uglifyjs #若是是本地安装 bin: "%kernel.root_dir%/Resources/node_modules/uglify-js/bin/uglifyjs"css

###使用 {% javascripts '@AppBundle/Resources/public/js/*' filter='uglifyjs2' %} <script src="{{ asset_url }}"></script> {% endjavascripts %}java

##UglifyCSS安装与使用node

###安装 # 全局 $ npm install -g uglifycssnpm

# 本地
$ cd /path/to/your/symfony/project
$ npm install uglifycss --prefix app/Resources

###配置app

# app/config/config.yml
assetic:
    filters:
        uglifycss:
            bin: /usr/local/bin/uglifycss
        #bin: "%kernel.root_dir%/Resources/node_modules/uglifycss/uglifycss"

###使用 {% stylesheets 'bundles/App/css/*' filter='uglifycss' filter='cssrewrite' %} <link rel="stylesheet" href="{{ asset_url }}" /> {% endstylesheets %}url

##注意 若是想要在debug开启时不缩小过滤器使用 "?"前缀(filter="?csswrite",fliter="?uglifyjs2")ssr

相关文章
相关标签/搜索