Metronic 使用Gulp/webpack打包静态资源

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>

关于Zeno Chen

本人涉及的领域较多,杂而不精 程序设计语言: Perl, Java, PHP, Python; 数据库系统: MySQL,Oracle; 偶尔做做电路板的开发,主攻STM32单片机
此条目发表在Javascript分类目录。将固定链接加入收藏夹。