webpack基础配置

webpack安装

• 安装本地的webpack
• webpack webpack-cli -D

yarn init -y
yarn add webpack webpack-cli -D

webpack可以进行0配置

• 打包工具 =》 输出后的结果（js模块）

npx webpack

• 打包（支持js的模块化）

//a.js
module exports "Hello World"
//index.js
let str = require('./a.js')
console.log(str) 

手动配置webpack

• 默认配置文件的名字 webpack.config.js

//webpack是node写出来的node的写法
let path = require('path');
module.exports = {
  mode:'development', //模式 默认两种 production development
  entry:'./src/index.js', //入口
  output:{
    filename:'bundle.js',  //打包后的文件名
    path:path.resolve(__dirname,'build') //路径必须是一个绝对路径
  }
}