1.安装node.js && npm
brew install node
2.安装yarn
npm install --global yarn
3.安装gulp
npm install --global gulp-cli
如果有的话,可以删除
npm rm --global gulp
4.安装Metronic的依赖包
使用下面的指令,编译所有的静态资源(sass, js, media) 到 assets/
目录: 可以指定编译的目录. 比如. --dist
cd tools/
gulp --dist
Metronic 默认采用的gulp编译的,如果要使用webpack,需要删除 tools/package.json
中的 "type": "module"
cd tools/
npm run build
5.复制生成的静态资源
<execution>
<id>position-react-static-build</id>
<goals>
<goal>copy-resources</goal>
</goals>
<phase>prepare-package</phase>
<configuration>
<outputDirectory>${project.build.outputDirectory}/static/</outputDirectory>
<resources>
<resource>
<directory>${basedir}/frontend/dist</directory>
<filtering>false</filtering>
<includes>
<include>assets/**</include>
</includes>
</resource>
</resources>
</configuration>
</execution>