SCSS 在 Vue JS 中无需 SASS-loader 即可工作

Posted 2023-02-22

【中文标题】SCSS 在 Vue JS 中无需 SASS-loader 即可工作

【英文标题】：SCSS works without SASS-loader in Vue JS

【发布时间】：2020-08-05 05:15:54

【问题描述】：

这很奇怪，我无法弄清楚。 我没有从 Vue 安装 sass-loader，也没有为 SCSS 配置 webpack，但是当我使用时它仍然可以正常工作

<style lang='scss'>....some SCSS code here....</style>

在我的 Vue 组件中。

【问题讨论】：

根据你安装 webpack 的方式，这个加载器可能已经被预配置（例如：Vue-CLI、rails webpacker gem）。问题是什么？

(vue init webpack-simple name-of-the-project) 我是这样做的。从我读到的文档中，需要安装 sass-loader 和 node-sass，并且需要在 webpack.config.js 中配置 sass-loader。我的问题是，如果我不将加载程序安装到我的项目中，它如何仍然工作？

【参考方案1】：

经过一些研究：vue init 是 Vue-CLI 2.x 的不推荐使用的语法，用于将模板克隆到新项目文件夹中。这些模板之一是您在命令中定义的webpack-simple。

在此模板的webpack.config.js 中，您可以看到 sass-loader 已预先配置。

---

自 Vue-CLI 3.0 及更高版本以来，用于生成新应用程序的命令是 vue create。