如何为我的网页sass加载程序配置中包含的SCSS指定资源根?
假设我有这样的东西:如何为我的网页sass加载程序配置中包含的SCSS指定资源根?,sass,webpack,libsass,Sass,Webpack,Libsass,假设我有这样的东西: { test: /\.scss$/, exclude: /node_modules/, loaders: ['style-loader', 'css-loader', 'sass-loader'] } 在我的网页包配置中,我有一个app/子文件夹,其中包含我所有的SCSS和JS文件 当前要导入SCSS部分,我必须@import'app/whatever/my_partial'以便识别 如何将加载程序设置为将app/视为这些文件的资源根目录,这样我就可以说@im
{
test: /\.scss$/,
exclude: /node_modules/,
loaders: ['style-loader', 'css-loader', 'sass-loader']
}
在我的网页包配置中,我有一个app/
子文件夹,其中包含我所有的SCSS和JS文件
当前要导入SCSS部分,我必须@import'app/whatever/my_partial'代码>以便识别
如何将加载程序设置为将app/
视为这些文件的资源根目录,这样我就可以说@import'whatever/my_partial'
这是与网页2.x顺便说一句
非常感谢你们聪明人的任何帮助 您可以将app/
添加到sass加载程序中的includePaths
选项中。您的.scss
规则必须更改为:
{
test: /\.scss$/,
exclude: /node_modules/,
use: [
'style-loader',
'css-loader',
{
loader: 'sass-loader',
options: {
includePaths: [path.resolve(process.cwd(), 'app')]
}
}
]
}
令人惊叹的谢谢你!不得不稍微修改一下,使路径行读取includePaths:[path.resolve(process.cwd(),'app')]
(只是在其他情况下出错了),但在这之后,它工作得很好。(更新您的答案-希望您不介意)