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 上面两个命令一起执行