- dist
- src
- css
- img
- js
- include
- index.html
dist 打包文件
src 开发文件
include:支持html模板化(https://www.npmjs.com/package/gulp-file-include)。
scss与css不能同名。例如:index.css,index.scss
下载然后安装所有依赖包
npm install
打开本地服务
npm run dev
默认本服务:http://127.0.0.1:3000 支持设为本机ip,局域网内远程访问。 支持反向代理设置 source:请求的路径 target: 映射到的路径
webServer({
proxies: {
source: '/abc',//请求
target: 'http://localhost:8080/abc',
options: {
headers: {
'ABC_HEADER': 'abc'
}
}
}
})
打包
npm run build
打包会对html、css、js、img进行压缩处理。
- js、css文件合并
- 配置本地服务反向代理