当前位置: 首页 > 编程笔记 >

详解webpack es6 to es5支持配置

臧兴学
2023-03-14
本文向大家介绍详解webpack es6 to es5支持配置,包括了详解webpack es6 to es5支持配置的使用技巧和注意事项,需要的朋友参考一下

1. 安装webpack

npm install webpack --save-dev

2. 安装babel  实现 ES6 到 ES5

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

3.安装 babel-loader

 npm install --save-dev babel-loader

webpack.config.js完整配置

module.exports = {
  entry: './src/js/app.js',
  output: {
    path: './dest',
    filename: 'app.bundle.js',
  },
  module: {
    loaders: [{
      test: /\.js$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
    }]
  },
  babel: {
   presets: ['es2015']
  },
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Spring boot 添加jsp支持配置详解,包括了Spring boot 添加jsp支持配置详解的使用技巧和注意事项,需要的朋友参考一下 spring boot添加对jsp的支持,以下是pom.xml文件的配置 针对如上的配置分为2中情况 1.当parent标签中引入的是1.4.0版本的话,那么applicaion.properties中配置jsp前缀和后缀的时候应该配置如下,一

  • 本文向大家介绍Nginx同时支持Http和Https的配置详解,包括了Nginx同时支持Http和Https的配置详解的使用技巧和注意事项,需要的朋友参考一下 现在的网站支持Https几乎是标配功能,Nginx能很好的支持Https功能。下面列举一个配置同时支持Http和Https的功能。 需要注意的是:既然选择使用Https,就是为了保证通信安全,那么就没必要再用Http进行通信了。在URL中还

  • 本文向大家介绍详解nginx使用ssl模块配置HTTPS支持,包括了详解nginx使用ssl模块配置HTTPS支持的使用技巧和注意事项,需要的朋友参考一下 默认情况下ssl模块并未被安装,如果要使用该模块则需要在编译时指定–with-http_ssl_module参数,安装模块依赖于OpenSSL库和一些引用文件,通常这些文件并不在同一个软件包中。通常这个文件名类似libssl-dev。 生成证书

  • 本文向大家介绍详解配置 Apache 服务器支持 PHP 文件的解析,包括了详解配置 Apache 服务器支持 PHP 文件的解析的使用技巧和注意事项,需要的朋友参考一下 详解配置 Apache 服务器支持 PHP 文件的解析 【说明】 1. 本例中 Apache 版本为 httpd-2.4.20-x64-vc14 ,安装路径为 E:\Apache24 2. PHP 版本为 php-5.5.34-

  • 本文向大家介绍详解Spring Boot 添加JSP支持,包括了详解Spring Boot 添加JSP支持的使用技巧和注意事项,需要的朋友参考一下 大体步骤: (1)创建Maven web project; (2)在pom.xml文件添加依赖; (3)配置application.properties支持jsp (4)编写测试Controller (5)编写JSP页面 (6)编写启动类Applica

  • 本文向大家介绍IOS开发 支持https请求以及ssl证书配置详解,包括了IOS开发 支持https请求以及ssl证书配置详解的使用技巧和注意事项,需要的朋友参考一下 IOS开发 支持https请求以及ssl证书配置详解 前言: 众所周知,苹果有言,从2017年开始,将屏蔽http的资源,强推https 楼主正好近日将http转为https,给还没动手的朋友分享一二 一、证书准备 1、证书转换 在

  • 本文向大家介绍详解Vue2 添加对scss的支持,包括了详解Vue2 添加对scss的支持的使用技巧和注意事项,需要的朋友参考一下 引入loader scss支持 为了使用scss,我们需要先安装相关的node包: 安装好之后,为了可以在.vue和.scss中使用,需要在webpack.config.js中配置对应的解析器: 关于上面resolve的配置,是因为编译和打包源文件默认不一样。 测试s

  • 本文向大家介绍Java中支持可变参数详解,包括了Java中支持可变参数详解的使用技巧和注意事项,需要的朋友参考一下 意思就是:参数的个数可以根据需要写,你可以写1个、2个、3个、、、、他们都被保存到一个参数的数组中。 但是这些参有一些约束:他们必须是同类型的,比如都是String字符串类型。 同时,可变参数的函数中的参数的写法也有约束:比如,可变参数的数组必须写在参数的最后,否则程序不知道你的参数