
JS模块化
Always--Learning
选择远远大于努力
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS中import时什么时候允许自定义命名,什么时候不允许自定义命名
分别暴露的时候,不能自定义命名,必须和暴露的名字一致默认暴露的时候,由于只暴露了一个,所以允许自定义命名,且导入的时候不用加大括号原创 2021-04-20 10:31:17 · 842 阅读 · 0 评论 -
JS模块化(四):ES6规范
1:初始化package.jsonnpm init2:安装babel-preset-es2015(在生产环境中)npm install babel-preset-es2015 --save-dev3:在package.json的同级目录增加.babelrc文件并将下面的内容添加进去{ "presets": ["es2015"]}如果需要全局安装babel:npm install --global babel-cli4:将ES6转化为ES5babel js/src原创 2021-03-19 14:16:09 · 231 阅读 · 0 评论 -
JS模块化(三):CMD规范
目录结构module1:(没有依赖的模块)// 这是没有依赖的模块define(function(require,exports,module) { let msg = 'module1'; function foo() { return msg; } // 暴露模块 module.exports = {foo};})module2:(没有依赖的模块)define(function(require,exports,module){原创 2021-03-19 09:58:59 · 511 阅读 · 0 评论 -
JS模块化(一):Commonjs
什么是模块化?答:将一个复杂的程序依据一定的规则封装成几个块,并进行组合在一起,其内部数据是私有的,只是向外部暴露一些接口与外部其它模块进行通信。为什么要模块化?降低复杂度部署方便降低耦合避免命名冲突...原创 2021-03-17 20:17:37 · 389 阅读 · 0 评论 -
JS模块化(二):AMD规范(require.js)
AMD规范也可以称之为require.js目录结构无依赖模块写法// 这是一个没有依赖的模块define(function() { let name = '这是没有依赖的模块'; function getName() { return name; } // 暴露模块 return {getName};})有依赖模块的写法// 下面的是有依赖的模块define(['dataService'],function(dataServic.原创 2021-03-18 17:12:03 · 251 阅读 · 0 评论