前端基础-webpack

官网
https://webpack.docschina.org/

主流版本
webpack4

webpack的安装
环境
NodeJS最新的稳定版本
安装方式
局部(推荐)
全局(不推荐,npm install -g 版本号锁定,需要手动更新)

核心概念

chunk
entry
output
0配置启动
配置文件
mode
bundle
loader
plugin

实例
npm init -y
cnpm install webpack@4.43 webpack-cli@3.3.12 -D

打包方式
使用package.json,定义scripts

配置文件

const path = require("path")
module.exports={
    //入口,默认为 ./src/index.js
    entry: "./src/index.js",
    //出口
    output: {
        //生成文件位置,绝对路径
        path: path.resolve(__dirname, "./dist"),
        //生成的文件名称,默认为 main.js
        filename: "main.js",
    },
    mode:"",//打包模式 none devlopment production
}

 -- 未完待续

posted @ 2021-12-20 22:31  胡正  阅读(19)  评论(0编辑  收藏  举报