Asp.Net Core 中 webpack 上的 sass-loader

Posted

技术标签:

【中文标题】Asp.Net Core 中 webpack 上的 sass-loader【英文标题】:sass-loader on webpack in Asp.Net Core 【发布时间】:2019-02-02 06:12:41 【问题描述】:

我需要帮助来连接样式加载器 scss-loader

我尝试在 webpack.config.js 中包含 sass-loader

vue 组件:

@import '@/styles/mixin.scss';

webpack.config.js:

....
    
    test: /\.scss$/,
    exclude: /(node_modules)/,
    use: [
      'style-loader',
      'css-loader',
      'sass-loader'
    ]
  ,
....

但总是有错误

Error: Module build failed (from ./node_modules/sass-loader/lib/loader.js):
undefined
^
  File to import not found or unreadable: src/styles/mixin.scss.

有什么办法可以治愈吗?

【问题讨论】:

this 有帮助吗? 这是我的失败,@import "src/styles/mixin.scss" 不正确 【参考方案1】:

在 vue 组件导入模块中有路径 'src/name.scss' 更改它并且加载器工作

【讨论】:

以上是关于Asp.Net Core 中 webpack 上的 sass-loader的主要内容,如果未能解决你的问题,请参考以下文章

ASP.Net Core:在VS2017中搭建React.js + webpack + babel

使用 webpack 在 ASP.NET Core 项目中未定义 jQuery 和 $

ASP.NET Core Angular 2 Webpack 热模块替换

asp.net core prerender webpack 错误:TypeError:无法读取属性“过滤器”

将 webpack 构建与 ASP.NET Core 3.0 集成的最佳方式?

在 ASP.NET Core Razor 页面中更改 cshtml 文件的名称