webpack5项目-基本配置

前端-webpack5汇总

目录

一.配置项目出入口

二.添加模式

三.添加devtool

四.安装本地环境和内存html插件 

五.安装开发工具 

---

一.配置项目出入口

webpack.config.js(文档)

const path = require('path');
 
module.exports = {
    entry: {
        //设置入口文件为src/main.js 将来会被打包到dist目录下
        main: './src/main.js',
        //other: './src/other.js',//多入口文件,打包后会在dist目录下生成相应js
    },
    output: {
        //打包后文件名
        filename: '[name]-[contenthash:6].js',
        //指定打包文件输出目录
        path: path.resolve(__dirname, 'dist'),
        //在每次构建前清理 /dist 文件夹
        clean: true, 
    },
 
};

二.添加模式

webpack.config.js(文档)

con