源起
现在开发,都追求用webpack进行模块化打包开发。即使是在传统的pc页面项目上,也可以用webpack来做多页面的项目打包。
最近在和一个客户交流接触,感觉到不同情境下的需求真的差异很大。有的时候,真的是需要用jquery+bootstrap来做开发。这个时候,要做模块化打包,也就只有选中requirejs和seajs了。
我之前在别的项目上,使用过一些requirejs,也就在这里统一使用requirejs
完成情况
- 对js实现了babel编译
- 对用es6写的业务代码进行eslint语法检测
- 对scss编译
- requirejs 可以加载css文件
- 对需要加载的js和css文件添加版本号
项目目录
gulp 文件
const gulp = require('gulp')
const rjs = require('requirejs')
const clean = require('gulp-clean')
const browserSync = require('browser-sync')
const proxyMiddleware = require('http-proxy-middleware')
const sass = require('gulp-sass')
const sourcemaps = require('gulp-sourcemaps')
const uglifyJs = require('gulp-uglify')
const rev = require("gulp-rev")
const revReplace = require("gulp-rev-replace")
const htmlmin = require('gulp-htmlmin')
const jsonEditor = require('gulp-json-editor')
const babel = require('gulp-babel')
const eslint = require('gulp-eslint')
const sequence = require('gulp-sequence')
const fileInclude = require('gulp-file-include')
const reload = browserSync.reload
const proxy = proxyMiddleware('/services', {target: 'http://localhost:8080', changeOrigin: true})
/* scss 编