使用vue-cli脚手架
创建vue初始化项目
感觉vue init webpack-simple这样的方式适合小项目,vue init webpack这样的方式适合中大型项目,两种方式初始化Vue-Cli的项目的目录差别比较大,你可以发现使用vue init webpack这样的方式来初始化项目,默认提供了很多的webpack的配置,也更加的方便你对代理(跨域)、最终打包资源放到服务器什么目录、以及js、css、img和项目在打包过程等优化的配置等等
当 Vue Loader 编译单文件组件中的 块时,它也会将所有遇到的资源 URL 转换为 webpack 模块请求。
webpack 和 Vue Loader 的结合为你提供了一个现代、灵活且极其强大的前端工作流,来帮助撰写 Vue.js 应用。vue-loader
转换规则
资源 URL 转换会遵循如下规则: