(六)vue.js 集成scss(参考)

步骤一: 安装node-sass、sass-loader、style-loader、sass-resources-loader

npm i node-sass@4.14.1
npm i sass-loader@7.3.1
npm i style-loader@3.3.1
npm i sass-resources-loader@2.2.5

步骤二: 修改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>

 

posted @ 2018-12-26 10:09  苏州城外的微笑  阅读(470)  评论(0编辑  收藏  举报