webpack简单配置es6的运行环境

最新推荐文章于 2024-09-05 14:26:45 发布

winne雪

最新推荐文章于 2024-09-05 14:26:45 发布

阅读量3.2k

点赞数 1

分类专栏：其他——开发小知识文章标签： webpack es6

本文链接：https://blog.csdn.net/m0_38134431/article/details/82666435

版权

前言：本博客介绍的仅供学习es6语法使用的（为了能让浏览器识别es6语法），并不适用于实战项目。

tips：现在将谷歌浏览器更新至最新版后大多es6语法都能正确运行了。所以可以先直接写ES6代码进行测试了。如果有ES6语法报错的情况下再进行下面配置，这样更能省时省力学习！

一、创建的目录结构

根目录为：ES6_TEST
目录树如下图：

这里写图片描述

二、需要配置的文件以及配置内容

1、app.js文件是自己练习es6语法js文件
2、index.html文件里面只需写上基本的html结构即可
3、package.json文件就是管理npm安装的插件的版本信息。
内容为：（注意插件后面的版本号）

{
   
    "name": "ecmascript6-_test",
    "version": "1.0.0",
    "description": "es6 test",
    "main": "index.js",
    "scripts": {
   
        "test": "echo \"Error: no test specified\" && exit 1",
        "webpack": "webpack --config webpack.config.js --colors  --display-reasons --watch"
    },
    "author": "winne",
    "license": "ISC",
    "devDependencies":