在vue下面创建新页面并引入样式（图文讲解）

1.在components下面新建一个grid.vue的文件，在文件里放入内容

2.在css里新建一个grid.css文件，把grid.vue需要的嫌嫌样式放进来

3.在芹誉手router里的index.js里import，虚启import  文件名 from 文件存放的路径；并在routes下面写好路由

4.在main.js里引入grid.css的样式，import '路径名'

1、公共样式文件

2、引入方式

（1）局部引入

（2）全局引入

       a.需要安装sass-resources-loader。

npm install sass-resources-loader

      b.找到build文件夹下面的utils.js 找到 less: generateLoaders('less') 

替换为:

    less: generateLoaders("less").concat({

      loader: "sass-resources-loader",

   拍孝   options: {

       袭差稿庆锋 resources: path.resolve(__dirname, "../src/assets/css/base-style.less")

      }

    }),

c.vue 文件引入

---