Articles of 资产

在windows上用symfony2less用

我试图在Windows操作系统上进行开发的同时减less资源工作。 我加载一个现有的项目,我可以根据需要改变config.yml和parameters.yml文件。 迄今为止的步骤: 我已经通过msi安装程序安装了Node.js 我已经使用npm并且安装得更less config.yml assetic: debug: %kernel.debug% use_controller: false bundles: [ FOSUserBundle ] filters: less: node: "C:\\Program Files (x86)\\nodejs\\node.exe" #/usr/local/bin/node node_paths: [C:\Users\matt\AppData\Roaming\npm\node_modules\less] #[ /usr/local/lib/node_modules ] apply_to: "\.less$" 我试图将appdata/roaming/npm/node_modules/less目录直接移动到program files (x86)/nodejs/node_modules目录中的本地node_modules目录中,但无济于事。 我也尝试设置roaming/npm/node_modules/less目录添加到环境path,没有喜悦。 我试着less直接安装到项目中,直接指向node_path,没有喜悦。 输出的css文件中的错误如下所示: [例外] 500 | 内部服务器错误| Assetic \ Exception \ FilterException [message]运行时出错:“C:\ Program Files(x86)\ nodejs \ node.exe”“C:\ Users \ Matt \ AppData […]

如何用bower构build依赖项(ex highlight.js)?

我将highlight.js添加到了bower.json并安装了它。 但只有highlight.js来源,我怎样才能使用鲍尔编译它?

如何为自定义filterconfigurationSymfony2和Assetic设置?

我一直在研究Symfony2,并且出现了一些使用Assetic编译器和filter的问题。 有谁知道如何使它在Windows平台上工作,因为几乎每个例子都响应* nix环境? 到.exe路由应具有格式: C:\\….\\ ,为了完成访问: Java.exe , Node.exe * nix的path为/usr/bin/local 或者像Symfony风格: /../../ 哪个是正确的select接受?

Node.js Express服务于index.html而不是静态文件

我用快速的应用程序启动一个node.js,使用angular度。 在cloud9上创build应用程序时,一切工作正常。 我只是在我的ec2实例上发布的应用程序,现在节点总是提供index.html而不是我的静态文件…当我看着铬debuggingnetworking,我看到所有js文件加载(状态200),但是当我预览它们,我的index.html文件…我的js文件的types也设置为text / html … 这里是我的小server.js(没有路由,因为我伪造我的angular度数据,所以现在没有电话给服务器…) var express = require('express'), path = require('path'), http = require('http'), fs = require('fs'); var app = express(); var logFile = fs.createWriteStream('./logger/express.log', {flags: 'a'}); //use {flags: 'w'} to open in write mode app.configure(function () { app.set('port', process.env.PORT || 3000); app.use(express.logger({stream: logFile})); app.use(express.bodyParser()), app.use(express.static(path.join(__dirname, 'public'))); }); /*app.get('/events', eventRoute.getEvents); app.post('/events', eventRoute.saveEvent);*/ […]

Nodejs + connect-assetmanager + uglifyJs

我使用nodejs(v0.8.2)和connect-assetmanager中间件来使用uglifyJs(v1.3.2)打包和缩小我的js文件。 我的configuration就像` var assets = { 'loginJs':{ 'debug': false, 'route': /\/js\/login.js/ , 'path': './public/scripts/' , 'dataType': 'javascript' , 'files': [ 'configs.js', 'WMTX.Web.Library.js', 'sso.js', 'index.js' ] ,'postManipulate': { '^': [ assetHandler.uglifyJsOptimize ] } }, assetManager = require('connect-assetmanager'), assetsManagerMiddleware = assetManager(assets); app.configure(function(){ app.use("/", assetsManagerMiddleware, express.static(o.paths.root)); }); ` 但是当我启动应用程序时,发生错误: (E:\ work \ siteexV2 \ IDE)在新的JS_Parse_Error(E:\ work \ siteexV2 […]

我如何将我的静态资产包含在webpack中,并在angular2应用程序中使用它们?

我有我的应用程序的生产和开发环境单独的文件,我的开发环境工作正常,我没有得到如何使用我的静态资产在webpack中,并在应用程序中使用它们,他们被直接访问我的HTML和CSS文件如下所示 authentication.component.html <img src="/assets/images/myimage.png" /> authentication.component.css @font-face { font-family: "untitled-font-5"; src:url("/assets/fonts/untitled-font-5.eot"); src:url("/assets/fonts/untitled-font-5.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/untitled-font-5.woff") format("woff"), url("/assets/fonts/untitled-font-5.ttf") format("truetype"), url("/assets/fonts/untitled-font-5.svg#untitled-font-5") format("svg"); font-weight: normal; font-style: normal; } 这是我的项目的目录结构 和我的webpackconfiguration文件 共同 var webpack = require('webpack'); var HtmlWebpackPlugin = require('html-webpack-plugin'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); var helpers = require('./helpers'); module.exports = { entry: { 'vendor': './src/vendor.ts', 'app': './src/app/main.ts' }, resolve: { […]

节点中的图像path通过连接资产进行expression

我试图在我的项目中包含twitter-bootstrap, glyphicons-halflings图片只能在同一个目录( assets/css/ )中使用,只能在Chrome中使用(不能在Firefox和Opera中使用)。 包括部分(文件'app.less'): @import 'twitter-bootstrap/bootstrap'; @iconSpritePath: "/img/glyphicons-halflings.png"; @iconWhiteSpritePath: "/img/glyphicons-halflings-white.png"; 我尝试使用各种选项:/ img ..,img / ..,/../img,/ gly …,放置在公共目录中(我想从图像文件夹中使用它),但它不工作。 也许我可以在连接资产中设置这个选项。 这个文件夹图片。 包括只投影app.less文件!= css('app') 在这种情况下,它适用于Chrome。 更新: 现在我看到,在Chrome浏览器中,url始终是http://img.nodejscore.com/twitter-bootstrap/glyphicons-halflings.png ,转换为http://img.nodejscore.com/twitter-bootstrap/glyphicons-halflings.png并在firefox它总是../img/glyphicons-halflings.png background-image: url("../img/glyphicons-halflings.png"); )无法加载。 我对@iconSpritePath的诠释根本不起作用。

资产给我一个FilterException,因为我更新到Fedora25

更新我的Fedora 24到25之后,官方的PHP版本从5.6升到了7.0。 所以我安装了旧版本,可以使用(通过Remi Depo ) $ php -v PHP 7.0.13 (cli) (built: Nov 25 2016 06:03:52) ( NTS ) Copyright (c) 1997-2016 The PHP Group Zend Engine v3.0.0, Copyright (c) 1998-2016 Zend Technologies $ php56 -v PHP 5.6.29 (cli) (built: Dec 8 2016 07:55:50) Copyright (c) 1997-2016 The PHP Group Zend Engine v2.6.0, Copyright (c) […]

节点和快速 – 特定于路由的资源的资产pipe理器

我find了一些节点的资产pipe理者,并表示: connect-assets , bundle-up , node.packer , node-static-asset 但是他们都只使用一个configuration来为生产中的连接和缩小资产服务。 有谁知道如何与资产pipe理者pipe理特定于路线的资源? 说我想拥有: on'/ route1'JS文件'one.js'和'two.js' 在'/ route2'JS文件'three.js'和'four.js' 现在我用我自己的“资产经理”这样: app.get('/route', function(req, res) { res.render('route', { title: 'Nice title', assets: ['jquery', 'utils', 'minifier'] // file names in JS directory }); }); 但是这样JS文件不会被缩小和连接生产。

资产,叽叽喳喳bootstrap和更less

configuration: assetic: debug: %kernel.debug% use_controller: false read_from: %kernel.root_dir%/../public filters: less: node: /usr/bin/node node_paths: [/usr/local/lib/node_modules] 枝杈模板: {% block stylesheets %} {% stylesheets filter='less' '@MyBundle/Resources/public/bootstrap/less/bootstrap.less' %} <link rel="stylesheet" href="{{ asset_url }}" /> {% endstylesheets %} {% endblock %} 这工作几乎好。 我有一个问题,没有图像,他们被引用相对url(“../ img / glyphicons-halflings.png”),但他们不在那里。 还有一个问题,它适用于node.js,但是如果我在生产服务器上没有node.js,如果我只上传编译后的css,它会起作用吗?