/gallery-by-react

Primary LanguageHTMLMIT LicenseMIT

gallery-by-react

React + gulp + webpack + scss

使用说明

js 基础库

js 使用 jquery

安装使用

npm install

server 默认端口: 8000

帮助

gulp help

gulp 命令

gulp dev			     文件监控打包,开发环境

gulp 	                 文件打包,js,css不压缩

gulp --type production	 文件线上打包	,压缩js,css文件

提示

src目录下为开发目前.

dist是自动化构建的目录,同时也是线上资源发布的目录;

css根目录下的.scss文件会被构建到dist根目录下的css目录中,子文件夹不会构建

scripts根目录下的.js文件会被构建到dist根目录下的js目录中,子文件夹不会构建

images 目录存放所有的图片资源.会自动压缩构建到dist目录下的images中.

新加一个html页面,只需要在src根目录下新建一个即可,会自动构建到dist根目录下

Build

build 构建在 dist 目录里

CSS

scss

使用

  • node
  • npm
  • gulp