#RIGHTFE

是什么？

rightFe是前端工程化开发工具， 其中包含了

• 本地开发环境支持、前后端联调环境支持（前后端分离）
• 静态文件编译功能： css/js
• 模块化开发

特点

• 基于gulp+webpack
• 提供的命令简洁，用户使用方便

如何安装

安装之前的准备

nodejs & npm

安装

npm install rightfe -g

使用

rightfe {命令名} --help

本地开发:
rightfe server

代理：
rightfe server -o beta.bm.xxx.com:8150

发布：
rightfe publish

rightfe.config

{
	//配置项目开发环境 和 线上环境根目录
	root: {
		src: './src',
		dest: './public'
	},

	//相对根目录
	js: {
		src: 'js',
		dest: 'static/js',
		extensions: ['js', 'json', 'tpl'],
		babel: {
		    presets: ['es2015', 'stage-1'],
		    plugins: []
		},
		extractSharedJs: false
	},

	//相对根目录
	css: {
		src: 'static/css',
		dest: 'static/css',
		autoprefixer: {
		   browsers: ['last 3 version']
		},
		sass: {},
		extensions: ['scss', 'sass', 'css']
	},

	//相对根目录
	html: {
		src: 'html',
		dest: 'html',
		htmlmin: {
			collapseWhitespace: true
		},
	    extensions: ['html', 'json']
	},

	//webpack entry文件配置
	entries: {},

	//别名配置
	alias: {},

	//发布配置
	production: {
		//去缓存版本号
		rev: true
	}
}

如果遇到找不到一些loader模块的，在具体工程的package.json中加入
"devDependencies": {
	"babel-core": "^6.11.4",
	"babel-loader": "^6.2.4",
	"babel-plugin-transform-runtime": "^6.9.0",
	"babel-preset-es2015": "^6.9.0",
	"babel-preset-stage-1": "^6.5.0",
	"css-loader": "^0.23.1",
	"node-sass": "^3.8.0",
	"sass-loader": "^4.0.0",
	"style-loader": "^0.13.1",
	"vue-hot-reload-api": "^1.3.3",
	"vue-html-loader": "^1.2.3",
	"vue-loader": "^8.5.3",
	"vue-style-loader": "^1.0.0",
	"webpack-hot-middleware": "^2.12.2"
},
"dependencies": {
	"ejs-loader": "^0.3.0",
	"html-loader": "^0.4.3"
}