webpack - 如何在最新的 vue-cli 启动项目中使用 SASS/SCSS？

Question

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

我使用 vue-cli 制作了最新版本的入门项目。

有人成功地使用 webpack 在最新的入门项目中使用 sass/scss 吗？

Answer 1

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">