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

Posted 2020-09-17 HelloPengHR！

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　　　　　　             (启动项目)