1. 程式人生 > >(五)vue.js如何安裝scss,且可以全域性引入scss的步驟(參考)

(五)vue.js如何安裝scss,且可以全域性引入scss的步驟(參考)

步驟一: 安裝node-sass、sass-loader、style-loader、sass-resources-loader

cnpm install node-sass sass-loader style-loader sass-resources-loader --save

步驟二: 修改build中的utils.js

scss: generateLoaders('sass')

修改成:

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

步驟三:修改App.vue的style

<style lang="scss"></style>