文件结构
assets: 一般存放开发过程中自己写的静态资源(webpack上我对assets写过别名 写作assets/xxx 就可以)
public: 存放第三方静态资源，这里的资源一般是直接引用(因为webpack的服务器设置 public为根目录 可以用'/images/xxx.png' 引入)
components: 存放项目中用到的组件
page: 项目中的页面
assets/css/main.styl: 其中的main.styl为公共css引入 它可以再build/config.js的cssResources重新设置引入路径
assets/css/variables.styl css的公共变量,函数
assets/css/initialize.styl 初始css
assets/css/common.styl 公共css样式 比如element的二次开发 等等
assets/js/echarts.js echarts的公共参数无数据
assets/js/filter.js 之前的各个项目积累下来的狗率方法 循环挂载到Vue.filter中 项目中直接用就行
assets/js/flexible.js 一个适配方法 目前和config的designWidth属性相关联 如果不需要适配 设置 build/config.js中的enable:false即可
assets/js/util.js 公共方法 目前里面有一个让echarts文字可以适配的fongSizeRem方法 其中的适配和config,js中的designWidth属性有关
assets/services/apiUrl.js 填入异步的后缀 字符串为发一次请求 数组为并发请求(目前只支持get无参数请求)
新增功能
- css可以识别(assets/xx/xx.png)
- 公共css引入
- 新的适配方案
- 开发的时候以public为根目录只对public开放
- 新增加@, assets, components 别名
- eslint规范代码习惯
- 开发时的网址既可以为localhost也可以为自己电脑ip让他人访问或者与手机联调
- devtool在开发的时候为'eval-cheap-module-source-map'属性可以很方便的查看错误
webpack
- webpack.base.config.js 最重要因为他是有各个文件的loader(loader 用于对模块的源代码进行转换), resolve(配置模块如何解析)和一些接触配置
- 但我们开发的时候会执行webpack.dev.conf.js 其中包含webpack.base.config.js, config.js
- 当我们打包的时候会执行webpack.production.conf.js方法其中包含webpack.base.config.js, webpack.build.config.js, config.js
- typedoc.json为ts的配置文件
