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"

}