美文网首页
ES6模块化如何使用开发环境如何打包

ES6模块化如何使用开发环境如何打包

作者: 风雪之隅_b6f7 | 来源:发表于2019-04-11 14:57 被阅读0次

1.模块化的基本语法

export default {}

import {xx} from 'xxx.js' 

2.开发环境的配置

babel--------------js compiler

- node环境

- 运行npm init 

- 运行

      npm install --save-dev  babel-core 

      babel-preset-es2015   

      babel-preset-latest

      --registry=https://registry.npm.taobao.org

 - 创建 .babelrc文件

{

    "presets": ["es2015","latest"],

    "plugins": []

}

-运行全局安装npm i -g babel-cli(windows) ||

    sudo npm i -g babel-cli(mac+输入mac登陆密码)

-运行babel --version

-创建index.js  

  [1,2,3].map(item=>item+1);

-运行babel src/index.js

babel只能转化es6有限,多模块化的引用之间还需要借助webpack来转化

相关文章

网友评论

      本文标题:ES6模块化如何使用开发环境如何打包

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