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

原创
2015/12/09 23:06
阅读数 721

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

###配置过滤器 # 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"

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

##UglifyCSS安装与使用

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

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

###配置

# 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 %}

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

展开阅读全文
打赏
0
3 收藏
分享
加载中
更多评论
打赏
0 评论
3 收藏
0
分享
返回顶部
顶部