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

wvue-loadercss

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

如今推崇的模块化开发,那么requirejs和seajs以及如今很是流行的webpack都是模块化开发的工具,在之前,例如在requirejs中,能够依赖加载某些js文件,例如:require(main.js)可是没法加载css,图片等等文件。在新潮的webpack中,强调全部资源都是模块,那么是否是能够照搬require(main.css)呢?发现浏览器是没法解析的,那么咱们须要一个工具,那就是css-loader、style-loadervue

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

 

 

vue-cliweb

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

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

2.cd 项目名称                                (进入项目)浏览器

3.npm install            (下载依赖包)模块化

4.npm run dev                   (启动项目)工具

相关文章
相关标签/搜索