如何使用 gulp 将 Web 模板导入到 vue 应用程序中

Question

我是 VueJS 的新手。我有一个全新的项目，我想通过 gulp/webpack 将一些全局 SCSS 和 javascript 摄取到项目中，因此它将被正确设置以开始构建内容。当我弄清楚这一点时。

我有一个具有标准文件夹的新项目：

.
./dist
./dist/css
./dist/js
./node_modules
./public
./.git
./src
./src/components
./src/assets

现在它显示新项目附带的默认 Vue 组件。

我有一个新的模板产品，有两个安装选项。 模板解决方案的文件结构是：

template/
├── dist/             // generated html / css / js files
├── gulpfile.js       // gulp settings
├── package.json      // npm package installed
└── src/
    ├── html/         // html source files
    ├── img/          // image source files
    ├── js/           // javascript source files
    └── scss/         // studio scss files

第一个是全局连接器：

<!-- Core CSS -->
<link href="assets/css/vendor.min.css" rel="stylesheet" />
<link href="assets/css/app.min.css" rel="stylesheet" />
 
<!-- Core JS -->
<script src="assets/js/vendor.min.js"></script>
<script src="assets/js/app.min.js"></script>

现在我可以将其放入主 index.html 中，但模板的指南指出：

cd /your-path-url/template_html/
npm install 
gulp
 
// generate plugins command
gulp plugins

项目的位置是：~/Projects/ web1/ 模板的位置是：~/templates/HUD/

我如何告诉其中一个存在另一个，并将HUD模板摄取到web1项目中，以便我可以使用涉及的SCSS和JS ？

谢谢！