Webpack 忽略第三方CSS文件中的URL解析
我正在使用下面配置的Webpack来编译我的CSS。在我的CSS中,我正在从NPM包导入一些CSS文件-例如,Webpack 忽略第三方CSS文件中的URL解析,webpack,Webpack,我正在使用下面配置的Webpack来编译我的CSS。在我的CSS中,我正在从NPM包导入一些CSS文件-例如,@import'../../node_modules/slick carousel/slick/slick theme.scss'-包含无法解析的URL 是否可以专门为这些导入的CSS文件禁用URL解析?因为我用自己的CSS覆盖了这些样式,所以我不需要Webpack来处理这些样式 示例错误: ERROR in ./node_modules/css-loader?{"minimize":f
@import'../../node_modules/slick carousel/slick/slick theme.scss'代码>-包含无法解析的URL
是否可以专门为这些导入的CSS文件禁用URL解析?因为我用自己的CSS覆盖了这些样式,所以我不需要Webpack来处理这些样式
示例错误:
ERROR in ./node_modules/css-loader?{"minimize":false}!./node_modules/postcss-loader/lib!./node_modules/sass-loader/lib/loader.js?{}!./src/css/style.scss
Module not found: Error: Can't resolve './ajax-loader.gif' in '/.../css'
@ ./node_modules/css-loader?{"minimize":false}!./node_modules/postcss-loader/lib!./node_modules/sass-loader/lib/loader.js?{}!./src/css/style.scss 6:9840-9868
@ ./src/css/style.scss
@ ./src/js/app.js
@ multi ./src/js/app.js
摘录自webpack.config.js:
{
test: /\.(scss)$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
minimize: false
},
},
'postcss-loader',
{
loader: 'sass-loader',
options: {
}
}
]
}
是解析CSS并解析URL和@import()
s的加载程序,因此您需要确保不对节点模块
目录中的任何文件使用CSS加载程序
。您需要两条单独的规则:
{
测试:/\.scss$/,,
排除:/\/node\u模块\/,
使用:[
“样式加载器”,
“css加载程序”,
'邮政编码加载器',
“sass loader”,
],
},
{
测试:/\.scss$/,,
包括:/\/node\u模块\/,
使用:[
“样式加载器”,
'邮政编码加载器',
“sass loader”,
],
},