Webpack配置文件

1.创建文件

 

在当前文件下，与src同级，创建 webpack.config.js

const path = require('path');//node.js的模块

module.exports = {
    // 入口
    entry: './src/main.js',//相对路径
    // 输出
    output: {
        // 文件的输出路径       __dirname代表当前文件的文件夹目录
        path: path.resolve(__dirname, "dist"),//绝对路径
        // 文件名
        filename: 'main.js'
    },
    // 加载器
    module: {
        rules: [
            // loader的配置

        ]
    },
    // 插件
    plugins: [
        // plugin的配置
    ],
    // 模式
    mode: "development"
};

2.运行

npx webpack

3.结果

效果与这个一样

webpack基本使用