老师,这一步的解构赋值不知道怎么解构,可以详细的给我讲讲嘛?

来源:3-11 脚手架原理之webpack处理单文件组件及loader转换

weixin_慕雪4394317

2023-02-16

图片描述

写回答

1回答

西门老舅

2023-02-17

你好,模块化开发中,如果这样提供对外输出:

modules.export = {

    VueLoaderPlugin: ''

}

那么在调用的时候,就可以 

const obj = requrie('vue-loader')

obj.VueLoaderPlugin ✔

也可以这样解构来调用

const { VueLoaderPlugin  }= requrie('vue-loader')

这就是解构的使用

上面是CJS风格的使用,主要用于nodejs中

如果在前端模块化中,比较推荐ESM风格,即:

export {

    VueLoaderPlugin: ''

}

引入方式

import { VueLoaderPlugin } from 'vue-loader'


0
1
weixin_慕雪4394317
非常感谢!
2023-02-17
共1条回复

Vue3 + React18 + TS4入门到实战 系统学习3大热门技术

专为初级前端人员设计,系统性学习三大技术

261 学习 · 182 问题

查看课程