分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

vue用webpack打包时引入es2015插件

发布时间:2023-09-06 01:29责任编辑:蔡小小关键词:webpack

1、安装依赖包

$ npm install --save-div babel-preset-es2015

ps:babel-loaderbabel-core应该是默认装好的,如果没有安装,请重新安装

2、修改【webpack.config.js】配置文件
找到 /\.js$/的rules,进行修改

 { ???????test: /\.js$/, ???????use: [{ ?????????loader: ‘babel-loader‘, ?????????options: { ????????????presets: [‘es2015‘] ?????????} ???????}], ???????exclude: /node_modules/ ?????}

  

3、根目录下添加【.babelrc】文件
文件内容:

{ ?"presets": ["es2015"]}

  

打包

运行打包脚本查看效果,指令视情况而定

$ npm run build

  

vue用webpack打包时引入es2015插件

原文地址:http://www.cnblogs.com/xuange306/p/8004432.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved