Vue 使用 Sass

【 Vue 使用 sass 】

npm install sass-loader node-sass --save-dev

在webpack.bse.config.js中rules加入

{
  test: /\.sass$/,
  loaders: ['style', 'css', 'sass']
}

如果有一个全局的样式不想每一个组件里面都定义,只想在公共的publice.scss里面定义然后全局可用我们可以做如下配置

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

修改build中的utils.js的相关配置：

将 scss: generateLoaders('sass')修改成:

scss: generateLoaders('sass').concat(
  {
    loader: 'sass-resources-loader',
    options: {
      resources: path.resolve(__dirname, '../src/assets/scss/publice.scss')
    }
  }
)

文章出处于：https://www.jianshu.com/p/4e12d3e74fb7；