webpack5不再使url-loader和file-loader

$("tr[id^='code']");//id属性以code开始的所有input标签\
$("tr[id$='code']");//id属性以code结束的所有input标签\
$("tr[id*='code']");//id属性包含code的所有input标签

https://blog.csdn.net/weixin_51446936/article/details/117789696

{
    test: /.(png|gif)$/,
    type: 'asset',
    parser: {
        dataUrlCondition: {
            maxSize: 4 * 1024
        }
    },
    generator: {
        filename: 'static/[hash:2].[ext]'
    }
},

{
        test: /.(png|jpg|gif|jpeg)$/,
        type: 'javascript/auto',
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 10240,
              esModule: false,
              name: 'assets/[name].[ext]'
            }
          }
        ],
        exclude: /node_modules/
}

function *fn() {
  yield 1
  yield 2
  return 3
}

let newFn = fn()
console.log(newFn.next()) // 1
console.log(newFn.next()) // 2
console.log(newFn.next()) // 3

// webpack版本：4.32.2
 
// 抛错原写法
const CleanWebpackPlugin = require("clean-webpack-plugin");
 
...
 
plugins: [
    new CleanWebpackPlugin(['dist'])
]
 
...
 
// 另一种错误写法
 
const CleanWebpackPlugin = require("clean-webpack-plugin");
 
...
 
plugins: [
    new CleanWebpackPlugin(['dist'], {
        root: path.resolve(__dirname, '../'),   //根目录
    })
]
 
...
 
// =============================分割线==============================
 
// 正确写法
 
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 
...
 
plugins: [
    new CleanWebpackPlugin()
]