这三个东西，一开始不了解，其实还是挺容易理解的
vue-loader：
是解析vue文件的时候需要的
vue-template-compiler：
npm上有这样一段说明：This package can be used to pre-compile Vue 2.0 templates into render functions to avoid runtime-compilation overhead and CSP restrictions. You will only need it if you are writing build tools with very specific needs. In most cases you should be using vue-loader or vueify instead, both of which use this package internally.
也就是说，这个东西是vue-loader中使用的
vue-template-loader：如果你使用 webpack，并且喜欢分离 JavaScript 和模板文件，你可以使用 vue-template-loader，但是这句话不太准确，实际上你可以直接使用.vue + css + js，官方文档也有说明
|
1 2 3 4 5 6 7 |
<div class="main"> <section> 这里是 奖品区 </section> </div> <style scoped lang="less" src="./index.less"></style> <script src="./index.js"></script> |
下面是js：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
import '../source/main.css' import listScroll from '@/components/comp-list-scroll/index.vue'; export default { name:'DetailPage', data(){ return { 'dataComment':null, 'coinNum':23455 } }, props:{ }, components:{ listScroll, }, created: function () { }, methods:{ updataPage:function (data) { } } } |
当然这个template-loader也有作用，因为有时候不愿意用vue文件，如果你想用html格式，这个就起到作用了，其他的没细看，但是这个插件感觉没啥太大作用，原来都是别人用，后来我在项目中删除了，简单修改了一下文件结构，比较乐意接受原生，嘿嘿
参考：https://segmentfault.com/q/1010000011811513