• webpack使用babel


    几个月没用webpack都忘了好多了。

    webpack构建前端,使用时除了entry/output,就是plugins和module.loaders,还有本地测试的devServer。

    npm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-latest

    现在写js流行ES6+,webpack使用babel配置(presets)有三种。presets可以指定转换版本和相关插件、配置。

    1.直接在loaders中设置配置。

    module:{

      loaders;[

       {  test:/.js$/,

        loader:'babel-loader',

             include: path.resolve(__dirname,'src'),//解析绝对路径

        exclude: path.resolve(__dirname,'node_modules'),

        query:{preset:'es2015'}},

      ]

    //注意:loader关键字后面的-loader后缀现在已不允许省略

    2.在根目录下创建.babelrc文件,

    {presets:['es2015']}

    3.在package.json中添加“babel”属性,

    “babel”:{"presets":["es2015"]}

  • 相关阅读:
    Power BI
    Power BI
    gulp的常用api
    关于promise
    webapp思路和rem适配极其viewport
    react初识
    node基础再现--module.exports 和exports
    sublime的js调试环境(基于node环境)
    题解 poj2778 DNA Sequence
    题解 TJOI/HEOI2016 字符串
  • 原文地址:https://www.cnblogs.com/alan2kat/p/7245159.html
Copyright © 2020-2023  润新知