Web前端工程化（十一） - .vue文件的loader加载器

准备学习Web前端工程化的内容，做个记录，以后需要的时候方便查找：

webpack只能打包处理.js相关的文件，其他资源可以使用插件的方式来曲线救国。

1 安装vue组件的加载器，命令如下：

    npm install vue-loader vue-template-compiler -D

2 配置规则：更改webpack.config.js的module中的rules数组

const VueLoaderPlugin = require("vue-loader/lib/plugin");

const vuePlugin = new VueLoaderPlugin();

module.exports = {

        plugins:[ htmlPlugin, vuePlugin  ],

        module : {

            rules:[

                    .......                

                    { 

                        test:/\.vue$/,

                        loader:"vue-loader",

                    }

            ]

        }

}