- settings.gradle是全局配置
- build.gradle中字符串中如果引用变量时,使用双引号(")和${},如:
testCompile "junit:junit:${junitVersion}"
- node安装,验证
node -v
- 淘宝npm镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 全局vue-cli脚手架
cnpm install --global vue-cli
,验证vue
出现vue信息 - 初始化项目
vue init webpack frontend
(frontend是要创建的前端项目文件夹)
- 重命名vue默认模板中构建脚本
build
文件夹为build-scripts
,主要是因为gradle的默认构建输出目录是build为了减少配置而修改了vue 构建脚本的目录,我感觉这是最简单方便的,用idea重命名后会自动修改受影响的地方,需要注意package.json中路径问题:
- 全局settings.gradle中添加前后端模块
include 'src'
include 'frontend'
- 在前端(front)根目录创建build.gradle用于打包。修改config/index.js路径配置:
var assetsRoot = path.resolve(__dirname, '../build/resources/main/frontend')
dev开发模式添加后端端口代理:
proxyTable: {
'/api/**': 'http://localhost:8080'
},
build部署模式更改打包位置:
// Template for index.html
index: path.resolve(assetsRoot, 'index.html'),
// Paths
assetsRoot: assetsRoot,
- 在后端(src)的配置文件application.yml中配置静态访问资源的位置:
spring.resources.static-locations: classpath:/frontend/
- 执行gradle的build命令打包即可