在vue中引入scss

    先npm安裝stylus和stylus-loader  (我安裝后，報錯提示缺少stylus，所以第一步安裝stylus，如果沒有提示可省略第一步)

1.到 package.json ----- dependencies 里面加上下面這兩句話  

          "stylus-loader": "^3.0.1",
          "stylus": "0.52.4"

    

然后在cmd--項目中運行  npm install

2.  在回到項目中，安裝sass的依賴包

      npm install --save-dev sass-loader

      npm install --save-dev node-sass

3.在build文件夾下的webpack.base.conf.js的rules里面添加配置

{

  test: /\.sass$/,

  loaders: ['style', 'css', 'sass']

}

 

4.在APP.vue中修改style標簽

     <style lang="scss">

5.運行項目  npm run dev