webpackvuecli05

webpackvuecli05

图片处理 url-loader
小于limit 时 编译为base64字符串形式
大于 file-loader进行加载，添加path路径
hash字符串展示在dist，不希望哈西 name:‘img/[name].[hash:8].[ext]’

将ES6转化为ES5 babel
npm install --SAVE-DEV Babel-core babel-preset-es2015

在webpack里配置vue
npm install vue --save
runtime-only 不能编译template
runtime-comperil 才能编译
fig
resolve:
alias别名 ‘vue/dist/vue.es mi.js’
将only转换为comperil就可以选择版本

index.html一般是不改变的
改main.js中的template，vue源码会自动渲染到app中

把Vue中的内容全部抽离到组件中
把内容全部封装到app.js
然后在main.js中引入
将template methods全部剪切到plate中
还可以修改样式
npm install --save-dev vue-loader vue-template-compiler
在w.config里进行配置
test:/.vue$/,
use:[‘vue-loader’]
package.json
vue-loader:"^13.0.0"可以自动向后适配版本
14之后可能要plugin插件
组件树以app.vue为根组件，其他的会不停引入app.vue中形成组件树
去除拓展名 w.config extension:[’.js’,‘css’]

plugin插件 扩展器
loader转换