首页 > 代码库 > 单独安装Babel或者Less
单独安装Babel或者Less
1、直接安装Babel法：
1）初始化自动创建package.json
npm init
2）首先全局安装Babel。
npm install -g babel-cli
3）项目安装Babel。
npm install -g babel-cli --save-dev
4）presets字段设定转码规则，你可以根据官方提供的规则集选择需要安装。
//ES2015转码规则npm install --save-dev babel-preset-es2015
5）Babel的配置文件是.babelrc，存放在项目的根目录下。使用Babel的第一步，就是配置这个文件。
{ "presets": ["es2015"], "plugins": [// "transform-decorators-legacy",// "transform-class-properties" ]}
6）转码、转码的规则
//转码结果输出到标准输出babel test.js //转码结果写入一个文件--out-file 或 -o 参数指定输出文件babel a.js --out-file b.js//或者$ babel a.js -o b.js //整个目录转码--out-dir 或 -d 参数指定输出目录babel src --out-dir lib//或者babel src -d lib //-s 参数生成source map文件babel src -d lib -s
2、直接安装Less法
1）全局安装
npm install -g less
2）CMD命令行运行：编译
lessc src/less/xxx.less dist/css/xxx.css
单独安装Babel或者Less
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。