webpack5 中 css-loader 的配置

最新推荐文章于 2024-08-13 08:10:35 发布

简桐

最新推荐文章于 2024-08-13 08:10:35 发布

阅读量1.4k

点赞数 2

分类专栏： webpack javascript 文章标签： webpack 大前端前端开发工具 sass

本文链接：https://blog.csdn.net/weixin_45958151/article/details/113764053

版权

本文介绍了在webpack5中如何配置css-loader，包括如何进行CSS文件的抽离以及解决浏览器版本兼容性问题。通过特定的插件，可以实现CSS单独打包，并自动添加浏览器前缀以确保兼容性。

摘要由CSDN通过智能技术生成

loader 解释器

//webpack.config.js
module: {
   
    rules: [ //在这里面定义指定文件对应的解释器
      //规则定义
      {
   
        test: /\.js$/, //正则
        exclude: /node_modules/,
        use: {
   
          loader: "babel-loader", //根据 .babelrc 文件艰辛规则渲染
        },
      },
      {
   
        test: /\.(s[ac]|c)ss$/i