webpackd的基础

webpack安装

本地安装webpack命令

yarn init -y

yarn add webpack webpack-cli -D

webpack可以进行0配置

打包支持js的模块化

手动配置

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

webpack 是node写出来的，用node的写法

let path = require('path');
let HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
    mode:'development',  // 默认两种模式 development  production
    entry: './src/index.js'
    output:{
        filename:'bundle.js',
        path: path.resolve(__dirname, 'dist'), //当前目录解析出绝对目录
    }
    plugins: [
        new HtmlWebpackPlugin({
            template: './src/index.html',
            filename: 'index.html',
            minify: {
                removeAttributeQuotes: true,
                collapseWhitespace: true,
            },
            hash: true
        })
    ]


}

package.json中配置脚本执行webpack

“script”: {

      "build":  "webpack  --config webpack.config.my.js"

}