1初始化项目并且引入scss

【摘要】 1初始化项目并且引入scss考必过小编为大家整理了关于1初始化项目并且引入scss的信息，希望可以帮助到大家！

1初始化项目并且引入scss

标签：appoptionsoptionttextpsihiddenlastapover

vue.vonfig.js

这个文件引入mian.scss

不限学历专业以考代评中级职称

¥0

去购买​

css: {
    // 是否使用css分离插件 ExtractTextPlugin
    extract: true,
    // 开启 CSS source maps?
    sourceMap: false,
    // css预设器配置项
    loaderOptions: {
      scss:{ 
        prependData: `@import "./src/styles/main.scss";`
      }
    }
  },

main.scss.凡是scss文件统统引入到mia.scss中

// @import "./elementui.scss";
@import "./normapze.scss";

@for $i from 1 through 110 {
  .margin-left-#{$i} {
    margin-left: (1px * $i);
  }
}
.text-overflow {
  text-overflow: -o-elppsis-lastpne;
  overflow: hidden;
  text-overflow: elppsis;
  display: -webkit-box;
  -webkit-pne-clamp: 2;
  pne-clamp: 2;
  -webkit-box-orient: vertical;
}

App.vue

一定是如下格式。 scss文件才会生效

<style lang="scss">
/* 不能去掉 */
#app {
}
</style>

1初始化项目并且引入scss

标签：appoptionsoptionttextpsihiddenlastapover

以上就是1初始化项目并且引入scss的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！