前端的模块化开发
js之间的调用
第一步:创建一个项目
第二步:创建一个文件夹
01.js 定义两个方法
export default {
list(){
console.log('list.....')
},
save(){
console.log('save.....')
}
}
02.js 调用01.js的两个方法
import user from './01.js' //引入01.js
// 调用
user.list()
user.save()
无法直接执行es6 先转换为es5
安装bable工具转码工具
npm install -g babel-cli
#查看是否安装成功
babel --version
转为2015
{
"presets": ["es2015"],
"plugins": []
}
安装2015 转码器
es2015
npm install -D babel-preset-es2015
使用命令进行转码
babel src -d dist

在dist中进行调用02.js
node 02.js

文章介绍了前端模块化开发中,如何在01.js定义方法并导出,然后在02.js中导入并调用这些方法。使用ES6语法时,需要通过Babel工具将代码转码为ES5,以便于在不支持ES6的环境中运行。安装和配置Babel的过程包括安装babel-cli,设置.babelrc文件,安装es2015转码器,最后使用Babel命令将源代码转码到dist目录下运行。
935

被折叠的 条评论
为什么被折叠?



