zl程序教程

您现在的位置是:首页 >  其它

当前栏目

babel基本用法

用法 基本 babel
2023-09-14 09:00:17 时间

babel-cli

babel-cli是本地使用编译js文件

1.安装:

cnpm i babel-cli babel-preset-env -D

2.配置packjson: 

"scripts": {
    "build": "babel src -d dist"//babel 编译对象 -d 编译后存放地
}

3.配置.babelrc文件:

{
    "preset": ["env"]
}

配合webpack

1.安装:

npm i babel-loader babel-core babel-preset-latest -D

2.配置webpack.config.js

module.exports = {
    entrys: {
         app: './src/main.js'
    },
    output:{
        path: './dist',
        name: 'js/[name]-bundle.js'
    },
    modules:{
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                query:{presets:['env']}
            }
        ]
    }
}