vue-cli-service serve 一直编译sass
时间: 2024-10-24 22:06:03 浏览: 23
当你使用 Vue CLI(Vue Create App)创建了一个项目并尝试运行 `npm run serve` 或者直接运行 `vue-cli-service serve` 命令时,如果持续编译 Sass 文件,那可能是因为你在配置文件中启用了 Sass 支持,或者在项目的某个组件或样式表里有 `.scss` 或 `.sass` 文件。
默认情况下,Vue CLI 配置了对 CSS 的支持,如果你需要处理 Sass,则需要手动安装 `node-sass` 和 `sass-loader` 这两个依赖项。在 `vue.config.js` 文件中,你可以添加以下配置来启用 Sass:
```javascript
module.exports = {
// ...
css: {
loaderOptions: {
sass: {
// 如果你使用 sass-loader@7+, 可以这么写
// resolveLoader: ['@vue/cli-plugin-sass', 'resolve'],
includePaths: [path.resolve(__dirname, 'src/assets/sass')], // 添加 Sass 搜索路径
},
},
},
};
```
确保你已经安装了这些模块,可以通过运行 `npm install node-sass sass-loader --save-dev` 来安装。然后保存配置并重新运行 `serve` 命令。
如果问题是由于其他原因导致的,请检查是否有错误信息提示,这可能是语法错误、版本冲突或其他配置不正确的地方。
阅读全文