我需要在我的项目中使用SASS或SCSS.

我使用vue cli制作了最新版本的初学者项目.

有人成功地让sass/scss在最新的webpack入门项目中发挥作用吗?

推荐答案

  1. 安装必要的依赖项

    npm install -D node-sass sass-loader

  2. 对于全局样式,只需将文件导入main.js:

    import './styles/my-styles.scss'

  3. .vue个文件中,将lang添加到<style>元素.

    <style lang="scss">

如果使用webstorm:

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

Vue.js相关问答推荐

Vuetify/Nuxt 生产环境组件在开发环境中无法正常工作

有没有办法初始化一个保留初始 HTML 的 Vue 对象

VueJS CKeditor5 上传图片

将 Vue 应用程序挂载到主 Vue 应用程序的容器中

将props传递给设置时的VueJS 3组合API和TypeScript类型问题:类型上不存在属性 user用户

Bootstrap-vue b-table,标题中带有过滤器

使用 vue-property-decorator 时注册本地组件

如何在 .js 文件中使用 Vue i18n 翻译?

VueRouter 未定义

如何使用 TypeScript 在 Vue.js 中指定非react性实例属性?

无法访问数据对象的嵌套属性

Vue 3:模块 '"../../node_modules/vue/dist/vue"' 提示

如何将数据属性设置为从 Vuex getter 返回的值

如何从 vue-apollo 中访问 this.$route?

根据路由动态插入 CSS 类到导航栏

从 ajax 调用填充 Vue.js 中的下拉列表

Vue.js webpack:如何获取目录中的文件列表?

依赖关系甚至在 package.json 和 node_modules 中都没有定义

VueJS 按键查找元素

Mapbox 事件监听器