webpack基础笔记

安装

初始化
npm init -y

安装webpack在上一步初始化的目录中
npm install webpack webpack-cli --save-dev 可以简写成 npm i webpack webpack-cli -D

手动创建 webpack.config.js文件

配置webpack.config.js文件

let path = require('path'); 
module.exports = {
    entry:path.resolve('a.js'), // 入口文件
    output:{               
        filename: 'xxx', // 输出文件名
        path:path.resolve('b.js') // 输出文件路径
    },
    module:{  
        rules:[{
             test:/\.css$/, // 以.css结尾的文件用下面的加载器加载
             use:[{loader:'css-loader'},{loader:'style-loader'}] // 使用的加载器(加载器也需要安装)
        }]
    }

配置package.json

"scripts": {
        "dev": "webpack --mode development"
    },