基于vue-cli的Webpack构建
2017-08-09 10:04
841 查看
参考文献 http://www.jianshu.com/p/2769efeaa10a
介绍一些开发过程中需要用到的文件
src 资源文件,所有的组件以及所用的图片都是在这个放着。assets 资源文件夹,放图片之类的资源,components 组件文件夹,写的所有组件都放在这个文件夹下,现在有一个写好的组件已经放到里面了,router 路由文件夹,这个决定了也面的跳转规则,App.vue应用组件,所有自己写的组件,都是在这个组件之上运行了,main.js webpack入口文件,webpack四大特性entry入口、output输出,loader加载器,plugins插件。
运行项目
输入npm run dev运行项目吧,自动打开默认浏览器显示页面。
vue的demo
介绍一些开发过程中需要用到的文件
src 资源文件,所有的组件以及所用的图片都是在这个放着。assets 资源文件夹,放图片之类的资源,components 组件文件夹,写的所有组件都放在这个文件夹下,现在有一个写好的组件已经放到里面了,router 路由文件夹,这个决定了也面的跳转规则,App.vue应用组件,所有自己写的组件,都是在这个组件之上运行了,main.js webpack入口文件,webpack四大特性entry入口、output输出,loader加载器,plugins插件。
运行项目
输入npm run dev运行项目吧,自动打开默认浏览器显示页面。
vue的demo
相关文章推荐
- vuex在vue-cli和webpack构建的项目中的简单使用
- webpack进阶——DllPlugin优化打包性能(基于vue-cli)
- 基于webpack+Vue2.0搭建webapp(vue-cli原理)
- 基于Webpack, KnockoutJs,esyui,koeasyui实现类vue-cli生成的模板框架
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- windows下vue-cli及webpack 构建网站(一)环境安装
- vue-cli起的webpack项目 用localhost可以访问,但是切换到ip就不可以访问 我用的是vux起的一个项目(移动端,基于vue的),因为是移动端的,需要在手机上测试,发现用
- [js高手之路]Vue2.0基于vue-cli+webpack同级组件之间的通信教程
- [js高手之路]Vue2.0基于vue-cli+webpack父子组件通信教程
- vue项目开发(一) 利用vue-cli+webpack构建一个vue项目
- 详解vue-cli快速构建vue应用并实现webpack打包
- 详解Vue-cli webpack移动端自动化构建rem问题
- 详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
- 详解基于vue-cli优化的webpack配置
- vue-cli 快速构建vue应用,实现webpack打包
- 详解windows下vue-cli及webpack 构建网站(三)使用组件
- windows下vue-cli及webpack 构建网站(一)环境安装
- Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap
- vue-cli 快速构建vue应用,webpack打包