webpack笔记(view:770)

基础
1.命令执行的四种方式
一.具体路径执行.\node_modules\.bin\webpack -v,备注:windows下路径使用反斜杠
二.npx执行:npx webpack -v
三.全局安装:添加参数-g安装后通过webpack -v执行
四.添加到package.json中的scripts中
"pv": "./node_modules/.bin/webpack -v",
script下的命令可以自动查找node_modules/.bin目录,所以这里可以直接写成"pv": "webpack -v",
通过npm执行npm run pv

eslint
1.查看版本,帮助
eslint -v
eslint -h
2.安装配置文件
npm init @eslint/config
3.执行检查并修复问题
eslint index.js --fix
检查目录
eslint lib/**

nodemon
1.安装npm i -D nodemon

uglifyjs-webpack-plugin
uglifyOptions.compress.drop_console = true
非全局安装,命令行直接执行
.\node_modules\.bin\uglifyjs src/js/xlsx.full.min.js src/js/index.js -m -o src/js/app.min.js
添加到package的script命令中

"scripts": {
  "build": "uglifyjs src/js/xlsx.full.min.js src/js/index.js -m -o src/js/app.min.js"
}

webpack-dev-server

webpack-cli