模块开发导入与前端依赖的区别

98 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第1天,点击查看活动详情

前端模块化

浏览器端模块化规范

AMD Require.js

CMD Sea.js

服务器端模块化规范

CommonJs

模块成员导出: module.exports和 exports

exports是module.exports的别名(地址引用关系)导出对象最终以module.exports为准

模块成员导入 require('模块标识符')

es6模块化

每一个js文件都是一个独立的模块

导入模块 import 关键字

暴露模块 export 关键字

 

es6模块化

Node.js中通过babel体验ES6模块化

npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node npm install --save @babel/polyfill 项目根目录创建文件babel.config.js 通过npx babel-node index.js

默认导出与按需导入导出

export default const a ='123';

export const b = '234';

import a, {b c as c1 } from './m.js';

 

直接导入模块代码

import './m2.js';

前端运行时依赖和开发时依赖的区别

1.运行时依赖dependencies

下载时 添加-S/--save

npm install vuex@next --save

2.开发时依赖devDependencies

下载时 添加-D/--save-dev

npm install xxx --save-dev

开发依赖的目的是为了减少插件在安装依赖是node_modules的所占内存,提升安装依赖的速度

节省线上及其的硬盘资源以及部署上线的时间

Node.js异步编程

回调函数 自己定义函数让别人调用

function getMsg(callback) {

setTimeout(function () {

callback({msg: 'hello Node js'})

})

}

getMsg(function (msg) {

console.log(msg)

})

安装windows-build-tools卡在Python2.7

解决步骤

1.在资源管理其中粘贴 %temp% 打开Windows temp目录

2.创建一个名为dd_client_.log的文件

3.写入Closing installer. Return code: 3010.然后保存文件

然后windows-build-tools就自动安装了

第三方模块config

在不同的环境中,项目的配置是不一样的,需要在项目代码中判断当前项目运行的环境,根据不同的环境应用不同的项目配置

将敏感信息存储在环境变量中 1.在config文件中建立custom-environment-variable.json文件 2.配置项属性的值填写协同环境变量的名字 3.项目运行时config模块查找系统环境变量并读取其值作为当前配置项属于的值