• 项目目录

    image.png

    • 配置loader（file-loader）

    作用：打包其他资源（除html/js/css以外的资源）
    exclude: /.(css|js|html|less)$/

    • 配置文件 ```javascript const { resolve } = require(‘path’); const HtmlWebpackPlugin = require(‘html-webpack-plugin’);

    module.exports = { entry: ‘./src/index.js’, output: { filename: ‘built.js’, path: resolve(__dirname, ‘build’) }, module: { rules: [ { test: /.css$/, use: [‘style-loader’, ‘css-loader’] }, // 打包其他资源(除了html/js/css资源以外的资源) { // 排除css/js/html资源 exclude: /.(css|js|html|less)$/, loader: ‘file-loader’, options: { name: ‘[hash:10].[ext]’ } } ] }, plugins: [ new HtmlWebpackPlugin({ template: ‘./src/index.html’ }) ], mode: ‘development’ };

    ```

    • 执行指令：webpack