子產品Host或Web啟動項添加libs包初始化

文章目錄

• • 引言
  • 前提條件
  • 解決方案
  • • 首先建立Module
    • 添加gulpfile.js
    • 添加@abp包 并運作gulp

引言

因為在開發的時候開發子產品,預設子產品

Host

中是沒有相關前端包的，但是子產品中又需要自己做一些測試界面甚至是直接在

Page

上做界面。

前提條件

需要安裝

yarn

、

gulp

，已經安裝過就無需安裝了。

• yarn

  npm install -g yarn
             

• gulp

  npm install -g gulp
             

解決方案

首先建立Module

使用指令建立子產品項目

添加gulpfile.js

在項目中添加

gulpfile.js

檔案。

"use strict";

var path = require('path'),
    copyResources = require('./node_modules/@abp/aspnetcore.mvc.ui/gulp/copy-resources.js');

exports.default = function(){
    return copyResources(path.resolve('./'));
};
           

copy-resources.js

主要内容：

function normalizeResourceMapping(resourcemapping) {
        var defaultSettings = {
            aliases: {
                "@node_modules": "./node_modules",
                "@libs": "./wwwroot/libs"
            },
            clean: [
                "@libs"
            ]
        };
        
        extendObject(defaultSettings.aliases, resourcemapping.aliases);
        resourcemapping.aliases = defaultSettings.aliases;
        
        if (!resourcemapping.clean) {
            resourcemapping.clean = [];
        }
        
        for (var i = 0; i < defaultSettings.clean.length; ++i) {
            resourcemapping.clean.push(defaultSettings.clean[i]);
        }
        
        return resourcemapping;
    }
           

其實就是移動

node_modules

目錄中的檔案移動到

/wwwroot/libs

目錄

添加@abp包 并運作gulp

yarn add @abp/[email protected]
           

gulp
           

這樣就将

node_modules

目錄中的檔案移動到

/wwwroot/libs

目錄了

這樣

AbpAspNetCoreMvcUiBasicThemeModule

就可以使用了（隻是一個舉例，關于類似的Module都可以使用了）