webpack-module的详细配置

module的详细配置

module中的rules的详细配置项

module: {
    rules: [
      {
        // 正则匹配文件类型
        test: /\.css$/,
        // 使用loader名称,单个loader,和use属性互斥使用
        loaser:"css-loader",

        // use是一个数组,内部的参数表示的是使用loader名称,多个loader,和loader属性互斥使用
        loader:'css-loader',
        // 只检查某个文件夹下面的文件
        include: resolve(__dirname, 'src'),
        // 不检查某个文件夹下面的文件
        exclude: /node_modules/,
        // enforce的值如果是pre表示所有的loader优先执行,注意只能有一个pre
        enforce: "pre",
        // enforce的值如果是post表示所有的loader延后执行,注意只能有一个post
        // enforce: "post",
        // 某个loader自己的详细配置
        options: {},
        
      },
      {
        test: /\.css$/,
        exclude: /node_modules/,
        include: resolve(__dirname, 'src'),
        // oneOf表示多个匹配,指的是如果匹配到了一个就不继续匹配了
        oneOf: [
          {
            use: 'url-loader',
          },
          {
            use: 'file-loader',
          }
        ],
      }
    ]
  },

 

上一篇:解决新版vue-cli空格换行报错问题


下一篇:CSS的常用配置