https://github.com/jsweber/link_art
A project for Link Artists in the world
https://github.com/jsweber/link_art
Last synced: 3 months ago
JSON representation
A project for Link Artists in the world
- Host: GitHub
- URL: https://github.com/jsweber/link_art
- Owner: jsweber
- Created: 2016-10-28T16:13:55.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-11-21T17:19:24.000Z (over 8 years ago)
- Last Synced: 2025-01-19T05:40:44.494Z (4 months ago)
- Language: JavaScript
- Size: 13.6 MB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.txt
Awesome Lists containing this project
README
1.说明：
版本控制：git ，仓库地址：[email protected]:jsweber/link_art.git
本项目最后的发布内容为dist文件中的所有内容
压缩生成的打包css和js文件名以所引用的html文件同名
考虑到渲染性能问题，vue.js和common.js并不参与打包，所以直接复制到dist/js文件下
test.js/css可以当作外链的开发文件或者插件，这些文件统一打包压缩。
/*图片最后统一压缩后放入./dist/img文件夹下（暂时没找到好的jpg的压缩模块，所以现在压缩只针对png）*/
2.开发约定
html文件统一放在linkArt（根目录）下，css文件放在根目录下的css文件夹，js文件放在js文件夹，
css文件选择器命名统一用 "-"隔开（与bootstrap一样）js变量命名统一用驼峰命名法
3.项目开发环境搭建：
（1）下载nodejs（5.0以上）并安装
（2）在linkArt目录下运行npm install，安装项目依赖模块
4.自动化脚本命令：
在根目录下运行cmd（windows）
（1）gulp dev 打包压缩css和js文件，具体在html文件里怎么操作，参考template.html文件 和 https://www.npmjs.com/package/gulp-useref
（2）gulp img 压缩图片，注意新图片如果执行这条命令的话，在dist里的html文件是加载不到相应的img的，因为相对路径变了
（3）gulp 上面两个命令一起执行