码迷,mamicode.com
首页 > 其他好文 > 详细

vue-loader是什么和vue-cli脚手架的使用

时间:2017-05-10 13:05:52      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:文件浏览器   流行   UI   ade   nbsp   seajs   webpack   加载   下载   

wvue-loader

没玩过require.js也没玩过sea.js,那该怎么理解vue-loader是什么呢?

现在推崇的模块化开发,那么requirejs和seajs以及现在非常流行的webpack都是模块化开发的工具,在以前,例如在requirejs中,可以依赖加载某些js文件,例如:require(main.js)但是无法加载css,图片等等文件。在新潮的webpack中,强调所有资源都是模块,那么是不是可以照搬require(main.css)呢?发现浏览器是无法解析的,那么我们需要一个工具,那就是css-loader、style-loader

在webpack加vue的开发模式中,所谓的.vue文件浏览器也是无法解析的,那么,所谓的vue-loader也就就懂了,它只是一个让浏览器认识.vue文件的工具,至于.vue文件还需要依赖其他工具进行解析,例如html-loader等等。

 

 

vue-cli

在工作用vue-cli搭建vue环境:

1.vue init webpack-simple 项目名称 (构建vue脚手架 webpack-simple可为:webpack webpack-simple。。。)

2.cd 项目名称                                (进入项目)

3.npm install            (下载依赖包)

4.npm run dev                   (启动项目)

 

vue-loader是什么和vue-cli脚手架的使用

标签:文件浏览器   流行   UI   ade   nbsp   seajs   webpack   加载   下载   

原文地址:http://www.cnblogs.com/qdphr/p/6803437.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!