webpack中,vue组件页面的解析 --Y.

在webpack中配置.vue组件页面的解析

---

1.运行cnpm i vue -S将vue安装为运行依赖；
2.运行cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖；
3.运行cnpm i style-loader css-loader -D将解析转换CSS的包安装为开发依赖，因为.vue文件中会写CSS样式；
4.在webpack.config.js中，添加如下module规则：

    module: {
   

        rules: [

          { test: /\.css$/, use: ['style-loader', 'css-loader'] },

          { test: