安装webpack
- npm install webpack -g 全局安装
- npm install webpack --save-dev 局部安装 最新版
- npm install webpack@1 安装1.0
- 安装完毕之后再输出webpack
- 之后webpack 需要打包的文件地址 输出指定的文件目录
安装4.0的webpack
- 需要先全局安装
- npm init -y
- npm add webpack webpack-cli-D
- webpack可以0配置
- 创建个src
- 在src里面创建index.js
- 然后在VSCode的控制台里面安装本地的webpack
- npx webpack 打包 src下面的index.js
- webpack.config.js 配置
- // webpack 是 node 写出来的 node 写法
- let path = require('path')
- console.log(path.resolve("dist"))
- module.exports = {
-
mode:"development", // 模式 默认两种 production 成果 development 发展 -
entry:"./src/index.js", // 入口 -
output:{ // 输出 -
filename:"bundle.js", // 打包后的文件名 -
path: path.resolve(__dirname,"dist"), -
// 路径必须是个绝对路径path.resolve()把一个相对路径解析成一个绝对路径 __dirname当前目录下打包 -
} - }
- 更改webpack.config.js 名字之后 可以手动选择到它 npx webpack --config 更改后的名字
内置的开发服务
- npm add webpack-dev-server-D
- 在内存中打包 并不是真实的打包 npx webpack-dev-server
开发服务的配置
