SASS的安装配置（基于webpack4.x）

SASS的安装配置

在这里必要的环境我就不说了。
为了使用sass，我们需要安装sass的依赖包

//在项目下，运行下列命令行
npm install --save-dev sass-loader
//因为sass-loader依赖于node-sass，所以还要安装node-sass
npm install --save-dev node-sass

当然了，使用样式的话，css-loader和style-loader也是必须的依赖包，如果没有安装，可以类似上述的方法安装

下面是webpack.config.js文件的部分配置：

{
    test: /\.scss/,
    use: extractTextPlugin.extract({
    use:[
	    {
	   		 loader:'css-loader'
	    },
	    {
	   		 loader:'sass-loader'
	    }
    ],
    	fallback:'style-loader'
    })
}

sass的使用如下，例如：

引入外部样式，下面两种写法都可以使用：

import '../../css/test.scss'
require('../../css/test2.scss');

在.vue文件中使用