备注:
若文章看不懂,请看 我置顶文章,文章中有教程,可以下载观看视频版,因为这个是我视频教程版的个人 学习笔记
前言, 命令的使用,要多摸索摸索就行 了,此时要保持足够的耐心,其实很简单!
加油!
初始化的项目路径如下:
action.js
let c = (a,b)=>a+b
1 先安装全局的babel 脚手架
npm install -g --save-dev babel-cli
2, 项目下写 .babelrc 文件 , 并将其放在 dss (项目根目录)路径下!
{
"presets": ["env"]
}
3, 配置下package.json
现在要用 babel 将 js 路径下的 es6 文件转化成 es5,
先看 package.json
{
"name": "app",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"serv": "node server.js --slience --no-error --report=c:\\a.txt",
"build": "babel js -d build"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"babel-cli": "^6.0.0"
}
}
4, 安装 env
5, npm run build 就行了
重点 是package.json
{
"name": "dss",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"serv": "node server.js --slience --no-error --report=c:\\a.txt",
"build": "babel js -d build"
},
"author": "",
"license": "ISC",
"devDependencies": {
"babel-cli": "^6.0.0",
"babel-preset-env": "^1.7.0"
}
}
其中 有一句, 就是 将js 下的js 文件编译到build 路径下!("build": "babel js -d build") 就是这句
最后编译好的 js 文件
'use strict';
var a = 10;
var c = function c() {
console.log('aa');
};
var obj = { a: a };
容易犯错的几点总结:
1, 项目没有node_modules 会报错!
2, package.json 文件中, 有几个重点要写好!
————————————————
版权声明:本文为CSDN博主「爱生活,爱编程」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_15009739/article/details/82533328