Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 忽略全局SCSS网页包CSSModule_Javascript_Css_Webpack_Sass_Css Modules - Fatal编程技术网

Javascript 忽略全局SCSS网页包CSSModule

Javascript 忽略全局SCSS网页包CSSModule,javascript,css,webpack,sass,css-modules,Javascript,Css,Webpack,Sass,Css Modules,我正在尝试将我的网页包配置为对所有scss文件使用css模块,除了的“src/scss”和的“node_modules”文件夹中的文件。下面是我的配置文件 const webpack=require('webpack'); const combineLoaders=require('webpack-combine-loaders'); const ImageMinPlugin=require('imagemin-webpack-plugin')。默认值; const HtmlWebpackPl

我正在尝试将我的网页包配置为对所有scss文件使用css模块,除了的“src/scss”的“node_modules”文件夹中的文件。下面是我的配置文件

const webpack=require('webpack');
const combineLoaders=require('webpack-combine-loaders');
const ImageMinPlugin=require('imagemin-webpack-plugin')。默认值;
const HtmlWebpackPlugin=require('html-webpack-plugin');
const WebappWebpackPlugin=require('webapp-webpack-plugin');
const path=require('path');
const NODE_ENV=process.ENV.NODE_ENV | |“开发”;
常量开发模式=节点环境!='生产",;
const PORT=process.env.PORT | 3000;
const FAVICON_DIR='./src/assets/FAVICON/FAVICON.png';
const ENTRY_CSS=path.resolve(_dirname,'src/scss');
const NODE\u MODULE\u PATH=PATH.resolve(\u dirname,'NODE\u modules'))
log('ENTRY\u CSS:',ENTRY\u CSS);
log('NODE_MODULE_PATH:',NODE_MODULE_PATH');
常量样式规则=()=>[
{
测试:/\.scss$/,,
排除:[
条目(CSS),,
节点\模块\路径
],
装载机:联合装载机([
{
加载器:“样式加载器”,
},
{
加载器:“css加载器”,
查询:{
模块:对,
进口装载机:1,
localIdentName:“[local]-[hash:base64:5]”,
},
},
{
加载器:“postss加载器”,
选项:{
插件:函数(){
返回[
要求('precss'),
需要('autoprefixer')
];
}
}
},
{
加载器:“sass加载器”,
查询:{
INCLUDEPATH:['./src'],
},
},
]),
},
{
测试:/\.css$/,,
包括:[
解析(uu dirname,'src')
],
装载机:联合装载机([
{
加载器:“样式加载器”,
},
{
加载器:“css加载器”,
查询:{
模块:对,
进口装载机:1,
localIdentName:“[local]-[hash:base64:5]”,
},
},
]),
},
/**
*对于全局样式,导入libs,这里导入的文件不应用CSS模块。
*/
{
测试:/\.scss$/,,
包括:[
条目(CSS),,
节点\模块\路径
],
装载机:联合装载机([
{
加载器:“样式加载器”,
},
{
加载器:“css加载器”,
查询:{
模块:错误,
},
},
{
加载器:“postss加载器”,
选项:{
插件:函数(){
返回[
要求('precss'),
需要('autoprefixer')
];
}
}
},
{
加载器:“sass加载器”,
查询:{
INCLUDEPATH:['./src'],
},
},
]),
},
];
module.exports={
条目:['./src/index.tsx'],
模式:开发模式?“开发”:“生产”,
devtool:DEV_模式?“源映射”:“,
模块:{
规则:[
{
测试:/\.tsx?$/,,
排除:/node_模块/,
使用:[
{
加载器:“巴别塔加载器”
},
{
加载器:“ts加载器”,
选项:{
configFile:DEV_模式?'tsconfig.json':'tsconfig.deploy.json',
},
},
],
},
…styleRules(),
{
测试:/\(png | jpe?g | gif | svg)$/,
使用:[
{
加载器:“文件加载器”,
选项:{},
},
],
},
{
测试:/\(ttf | eot | woff)(\?v=[0-9].[0-9].[0-9])?$/,
使用:[
{
加载器:“文件加载器”,
选项:{},
},
],
},
],
},
决心:{
扩展:['.tsx'、'.ts'、'.js'、'.json'],
},
输出:{
路径:uu dirname+'/dist',
公共路径:“/”,
文件名:“bundle.[hash].js”,
},
开发服务器:{
contentBase:“./dist”,
是的,
港口:港口,,
历史上的倒退:是的,
开放:是的,
},
插件:[
新的webpack.DefinePlugin({
'process.env.NODE_env':JSON.stringify(NODE_env),
'process.env.PORT':JSON.stringify(端口),
}),
新HtmlWebpackPlugin({
模板:'./src/index.html',
文件名:“index.html”,
}),
…(FAVICON_DIR?[新的WebappWebpackPlugin(FAVICON_DIR)]:[]),
新ImageMinPlugin({
禁用:DEV_模式,
pngquant:{
质量:“95-100”,
},
测试:/\(jpe?g | png | gif | svg)$/i,
}),
],

};
您可以使用
css加载器的
排除
选项

loaders: [{
   test: /\.scss$/,
   exclude: fs.realpathSync('./node_modules/path/to/bootstrap/src/styles')
   loader: cssModulesLoader,
}

它仍然不起作用。这不是我上面试过的方法吗?非常感谢。