美文网首页nodejs
前端工程化工具 ---- module-alias

前端工程化工具 ---- module-alias

作者: 前端的爬行之旅 | 来源:发表于2020-12-14 14:54 被阅读0次

使用建议:nodejs的模块引用,使用相对路径,会造成写一堆../,非常不便。

一、安装module-alias

$ npm install module-alias --save

二、使用module-alias

注:这里@root就是别名,后面引号内的内容就是原路径

"_moduleAliases": {
  "@root": ".",
  "@app": "app"
},

配置文件引入 require(‘module-alias/register’);

require('module-alias/register');
import BaseController from '@root/baseController';

三、ts做特殊映射

tsconfig.json文件中添加相应的映射

"compilerOptions": {
    "paths": {
      "@root/*": "["./*"]",
      "@app/*": ["./app/*"],
    }

大功告成✌️✌️✌️

相关文章

  • 前端工程化工具 ---- module-alias

    使用建议:nodejs的模块引用,使用相对路径,会造成写一堆../,非常不便。 一、安装module-alias[...

  • 前端系统学习 5. 前端工程化

    前端工程化 什么是前端工程化?前端工程化就是通过各种工具和技术,提升前端开发效率的过程。这句话有两个含义:前端工程...

  • 前端工程化(一) Node.js基础

    什么是前端工程化?前端工程化又有什么用呢?前端工程化就是在构建一个前端项目的时候,通过一些技术跟工具,来提升前端开...

  • 前端工程化系列[04]-Grunt构建工具的使用进阶

    在前端工程化系列[02]-Grunt构建工具的基本使用和前端工程化系列[03]-Grunt构建工具的运转机制这两篇...

  • nodejs基本操作

    前端工程化 前端工程化就是通过各种工具和技术,提升前端开发效率的过程 Node.js Node.js是除了浏览器之...

  • 前端工程化

    什么是前端工程化? 前端工程化是根据具体的业务特点,将前端的开发流程、技术、工具、经验等规范化、标准化。它的目的...

  • 构建工具选型:Grunt、Gulp、Webpack

    一、什么是前端工程化 前端工程化是依据业务特点,将前端开发的规范、流程、技术、工具、经验等形成规范并建立成一种标准...

  • gulp & webpack整合,鱼与熊掌我都要!

    为什么需要前端工程化? 前端工程化的意义在于让前端这个行业由野蛮时代进化为正规军时代,近年来很多相关的工具和概念诞...

  • 前端工程化

    前端工程化概述 工程化的定义和主要解决的问题 前端工程化是指遵循一定的标准和规范,通过工具去提高效率降低成本的一种...

  • 使用 webpack4.0 和 babel7.0 从零开始搭建自

    webpack 是一个前端模组化构建工具,它可以帮助我们实现前端项目的工程化开发,相信我,工程化真的很重要。目前的...

网友评论

    本文标题:前端工程化工具 ---- module-alias

    本文链接:https://www.haomeiwen.com/subject/qcpvgktx.html