前端学习——Webpack基本使用Webpack 指令：全局安装：npm install webpack webpac

Webpack

指令：

全局安装：npm install webpack webpack-cli –g

本地安装：npm install webpack webpack-cli --save-dev

初始化：npm init -y （生成package.json文件）

pwd：以绝对路径的方式打印用户的当前工作目录

webpack：生成dist文件夹

打印打包信息：webpack --stats detailed

卸载：npm uninstall webpack webpack-cli --global

查看是否有运行的命令：npx webpack

查看帮助：npx webpack --help

设置入口文件：npx webpack --entry ./src/index.js --mode production

自定义配置

src同级创建文件webpack.config.js

__dirname：获取当前文件所在文件的路径

webpack插件

安装插件：npm install html-webpack-plugin -D (-D表示开发环境安装)

配置webpack.config.js

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
    entry: '',
    output: {
    filename: '',
        path:path.resolve(__dirname, './dist'),
        filename: "bundle.js"
    },
    plugins: [
        new HtmlWebpackPlugin({
            //title: "",
            template: './src/index.html'
        })
    ],
}