如何本地搭建一个支持es6的import from 模块导入环境

时间:2020-07-11
本文章向大家介绍如何本地搭建一个支持es6的import from 模块导入环境,主要包括如何本地搭建一个支持es6的import from 模块导入环境使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

今天想使用一下import  from语法测试个东西,结果 在node环境中运行时,报错,说不支持import语法,之前都是在vue-cli的环境中直接使用的,还以为不需要什么环境呢。。。

import from是es6语法,需要用babel将es6语法转换成es5语法,才能在node环境中正常执行,下面来一步一步简单的搭建一个支持import  from模块导入语法的环境,

安装node就不用说了,必须品;

首先 初始化一下,会出现package.json文件

npm init -y 

 

安装babel, 有了babel, 能够使用更多高级词法!

npm install --save babel-core
npm install --save babel-preset-env 或者 npm install --save babel-preset-es2015
npm install babel-cli -g

接着在项目根目录创建一个名字为.babelrc的文件, 文件内容入如下

{
    "presets": [
      "es2015"
    ],
    "plugins": []
}

或者:

{                
    "presets": [ 
         "env"   
     ],          
    "plugins": []
}

到目前为止babel算是安装完毕了。

下面来测试一下

我们创建一个index.js

import {a} from "./module1"

a()

创建一个module1.js

export function a(){
    console.log(1111);
}

然后运行一下:

babel-node index.js

 

 成功!!!

 

 

 

$flag 上一页 下一页