Webpack搭建ES6开发环境（部分摘自网络）

安装css加载器

cnpm i css-loader style-loader -D

安装HTML插件

cnpm i html-webpack-plugin -D

PS：【依赖安装到 开发环境与生产环境的区别】

• 开发环境，即项目的编码阶段需要的依赖，上线后不需要引用，例如：webpack构建工具、babel加载器等，使用 --save-dev 或 -D 命令安装；

• 生产环境，项目上线后开始正式提供对外服务的阶段仍然需要依赖支持，例如：jQuery库、路由等，使用 --save 或 -S 命令安装；

[](()第二步 创建目录结构

项目的目录结构为：

《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 myapp

​ – public [静态资源文件目录]

​ – src [ 项目源文件目录 ]