Webpack 和 Loaders 的故事

url-loader

将引入的图片编码,生成dataURl。相当于把图片数据翻译成一串字符。再把这串字符打包到文件中,最终只需要引入这个文件就能访问图片了。

file-loader

生成文件 file.png,输出到输出目录并返回 public URL。

css-loader

{
        loader: 'css-loader',
        options: {
                modules: true,
                localIdentName: '[local]__[hash:base64:5]'
        }
}

html-webpack-plugin

打包 favicon.ico 进 dist 目录 html-webpack-plugin