@import 'path/fileName.scss'

npm install --save-dev sass-resources-loader

// 全局文件引入 當然只想編譯一個文件的話可以省去這個函數
function resolveResource(name) {
 return path.resolve(__dirname, '../static/style/' + name);
}
function generateSassResourceLoader() {
 var loaders = [
 cssLoader,
 'sass-loader',
 {
 loader: 'sass-resources-loader',
 options: {
 // 多個文件時用數組的形式傳入，單個文件時可以直接使用 path.resolve(__dirname, '../static/style/common.scss'
 resources: [resolveResource('common.scss')] 
 }
 }
 ];
 if (options.extract) {
 return ExtractTextPlugin.extract({
 use: loaders,
 fallback: 'vue-style-loader'
 })
 } else {
 return ['vue-style-loader'].concat(loaders)
 }
 }

return {
 css: generateLoaders(),
 postcss: generateLoaders(),
 less: generateLoaders('less'),
 // vue-cli默認sass配置
 // sass: generateLoaders('sass', { indentedSyntax: true }), 
 // scss: generateLoaders('sass'),
 // 新引入的sass-resources-loader
 sass: generateSassResourceLoader(),
 scss: generateSassResourceLoader(),
 stylus: generateLoaders('stylus'),
 styl: generateLoaders('stylus')
 }