webpack css-loader会将node_modules 下的css文件都添加hash后缀,怎么配置?

配置了css modules 然后也派出了node_modules文件夹,可是node_modules文件夹下用到的css都被添加了hash后缀!

配置如下:

{
    test: /\.css$/,
    exclude: path.resolve(__dirname, './node_modules'),
    loader: 'style-loader!css-loader?modules&camelCase&importLoaders=1&localIdentName=[local]' +
    '__[hash:base64:6]!postcss-loader'
},
{
    test: /\.css$/,
    include: path.resolve(__dirname, './node_modules'),
    loader: 'style-loader!css-loader?modules=false!postcss-loader'
}
阅读 10.7k
2 个回答

图片描述

exclude和include结合起来用

请问你是想要给所有的css文件后面都添加hash后缀吗?如果是

 new HtmlWebpackPlugin({
            filename:'/view/main.html',
            template:'./main.html',
            chunks:['vendors','allCommon','main'],
            inject:true,
            hash:true,    //为静态资源生成hash值这个就可以把文件后面添加hash值
            minify:{
                removeComments:true,
                collapseWhitespace:true,
            },
        }),

如果不想添加hash值就不用配置
加载器也可这样{test: /.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader")},
可以看下这个小列子
https://github.com/Silence11/...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏