前端模块打包工具--webpack

webpack打包：loader资源加载器

webpack只是打包工具
需要配置加载器来编译转换代码，核心是loader机制

webpack基本使用

yarn init 生成pakage.json文件
yarn add webpack webpack-cli --dev 安装webpack模块
yarn webpack 运行webpack打包

webpack配置文件：webpack.config.js

打包js文件

const path = require('path')
module.exports = {
   
    mode:'development'//webpack工作模式配置
    entry:'./sr/main.js',//入口文件【相对路径】
    output:{
   
        filename:'bundle.js',//生成文件名
        path:path.join(__dirname,'output')//path属性必须为绝对路径，根据path模块函数获取_dirname属性
    }