vue脚手架中安装sass或者less

其实在新建一个项目的时候会有选择是否sass或者less,如果选择y,项目中即自动配置好并且直接使用即可,若没有,后期自己再配置,配置步骤如下:

less和sass使用过程:(拿less举例)
1、需要安装less: cnpm install less --save
2、需要安装依赖:cnpm install less-loader --save(如果是sass,还需要安装node-sasssass-loader依赖于node-sass)
3、配置webpack.config.js文件,把less添加进去

     {
        test:/\.less$/,
        loader:"style-loader!css-loader!less-loader"
      },
4、页面引入lang="less"即可

你可能感兴趣的:(vue从安装到开发)