普通项目中html中使用scss 以及es6使用webpack打包优化代码结构

---

目录结构形式

1. 主目录src文件夹下
   1. css对应相关页面下的css文件。
   2. js对应相关页面下js文件（可以实现公共js，每个页面都引入）。
   3. page对应相关html页面，html中可以使用 #include("./include/***.html")引入相关的公共部分。（page中目录现在只写了二级三级文件无法读）。
   4. public 目录下放静态文件，比如相关图片文件，和第三方文件，打包后会直接进行拷贝操作。
2. 打包后会出现dist文件夹，供线上环境使用。
3. webpack使用提取公共js，优化代码，在js中直接使用$会直接引用jq,可以使用scss、es6，目前只是配置了scss，有需求可自行配置相关css-loader, html页面代码以及css代码都未进行压缩操作。（为了打包后可维护操作）

构建步骤

# 安装依赖
 npm install

# 开发时构建
npm run dev

# 打包构建
npm build