基于vue-cli使用sass

本来是感觉很简单的配置,先是官网一看太复杂,跳过。。掘金搜,百度搜。。。感觉很多教程都是把简单的事情复杂化了

第一步,

cnpm install node-sass --save-dev
cnpm install sass-loader --save-dev

第二部,打开webpack.base.config.js在loaders里面加上

{
  test: /\.scss$/,
  loaders: ["style", "css", "sass"]
}

第三部,在需要用到scss的地方写上

<style lang="scss" scoped>

</style>

npm run dev中途会遇到报错问题Module build failed: TypeError: this.getResolve is not a function
把"sass-loader": "^8.0.2",换成 "sass-loader": "^7.3.1"就行

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容