webpack基础——安装环境

npm i webpack webpack-cli --save-dev

单个打包文件

默认配置

npx webpack index.js  //这就会把 index.js 及其依赖打包到 dist 文件夹下，生成一个同名文件

自定义配置，需要 wepack.config.js，在根目录下创建该文件

const path = require('path')  //下面的路径得用path，不能直接用相对路径

module.exports = {
  entry: path.join(__dirname, './src/js/index.js'),  //入口
  output: {  //打包到哪？
    path: path.resolve(__dirname, 'dist'),  //打包到根目录下的 dist 文件夹下
    filename: 'main.js'  //在 dist 文件夹下打包的 js 名字
  }
}