Sass 网页2+;提取文本网页包插件:解析错误
我正在尝试使用一些SCS为我的项目创建一个网页包配置。其中一些来自根项目,还有一些我想从依赖项加载的SCS,例如从Sass 网页2+;提取文本网页包插件:解析错误,sass,webpack-2,extract-text-plugin,Sass,Webpack 2,Extract Text Plugin,我正在尝试使用一些SCS为我的项目创建一个网页包配置。其中一些来自根项目,还有一些我想从依赖项加载的SCS,例如从node\u模块。我遇到了一个奇怪的错误,如果我没有在模块中包含node\u modules,它就会被构建,包括我在根项目中拥有的一些SCS。但是,如果我添加include:path.resolve(\uu dirname,'node\u modules')或任何其他文件夹(不存在的文件夹),它会失败,但在根项目中而不是node\u modules中的文件上,与它以前提取的文件相同,
node\u模块
。我遇到了一个奇怪的错误,如果我没有在模块中包含node\u modules
,它就会被构建,包括我在根项目中拥有的一些SCS。但是,如果我添加include:path.resolve(\uu dirname,'node\u modules')
或任何其他文件夹(不存在的文件夹),它会失败,但在根项目中而不是node\u modules
中的文件上,与它以前提取的文件相同,没有错误
以下是网页包配置:
const extractCSS = new ExtractTextPlugin({ filename: 'style.css', disable: false, allChunks: true });
module: {
rules: [
{
test: /\.scss$/,
include: path.resolve(__dirname, 'node_modules'),
use:extractCSS.extract({
fallbackLoader: 'style-loader',
loader: ['css-loader', 'sass-loader'],
})
},
]
}
因此,如果我用include
注释掉该行,它可以工作,但不包括node\u modules
,如果我不注释该行,则会出现错误:
意外字符'@'(1:0)您可能需要适当的加载程序来处理此文件类型。
在根项目中的所有scss文件中
我做错了什么?你好像少了一个加载器。你也安装了节点sass吗?我很确定问题不是没有加载程序,因为如果我没有在模块中包含
node\u模块
,它就可以正常工作。看起来你缺少加载程序了。你也安装了node sass吗?我很确定问题不在于没有加载程序,因为如果我不在模块中包含node\u模块
,它就可以正常工作。