如何单独打包css文件

html-css034

如何单独打包css文件,第1张

css打包成一个方法:

webpack.config.js配置如下

var ExtractTextPlugin = require("extract-text-webpack-plugin")//extract-text-webpack-plugin安装此插件

module:{

loaders:[

{test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader")}

]

},

plugins:[

new ExtractTextPlugin("css/[name].css")//则会生成一个css文件

]

比如你的js文件中这样引入即可:

import './css/lib/bootstrap.min.css'

import './css/test.css'

TexturePacker是一个非常好用的图片素材打包工具,它能帮助你减少游戏的图片内存使用。

TexturePacker是一个很强的图片打包工具

它支持几乎所有的游戏引擎

Cocos2d - iPhone

Corona(TM) SDK - Cross-platform game development framework

Gideros – Cross-platform game development framework

Sparrow - iPhone

LibGDX - Java (Android + Desktop)

LimeJS - JavaScript / HTML5 framework

Ogre with CEGUI - 3D gaming framework and GUI

Moai - Multiplatform gaming framework

CSS sprites

JSON / HTML5

它支持多种格式素材的导入

SWF - Flash 动画文件

PSD - Photoshop 图片

PNG

TGA

JPG

TIFF

BMP

支持多种格式的导出

PNG

PVR – iPhone 原生图片格式

PVR.CCZ Cocos2d的压缩格式

PVR.GZ - 压缩格式

JPG – JPEG

KTX

操作简单,用拖拽的方式把素材资源导入

智能分析相同的图片,并去掉重复的,大大节省资源空间

支持retina:AutoSD 对于ISO游戏开发这是个非常实用的功能,只要简单设置一下,就可以导出高清版的费高清版两套游戏素材,大大节约了处理多个分辨率素材的时间。

Have a nice day!!!