一、webpack全局安装
1、由于 webpack 执行打包压缩时依赖 nodeJS,所以在安装 webpack 之前先安装好 nodeJS。
2、window+R输入cmd打开命令提示符
3、输入 node -v
检查node 安装版本
4、输入 npm install webpack -g
5、如果安装的是较高版本的webpack,(现在安装的版本都比较高),还需要安装webpack-cli,输入npm install webpack-cli -g
6、输入webpack -v
查询版本号看是否成功
二、 webpack局部安装
以webstrom 中项目为例
1.创建文件webpack.config.js,输入代码,告诉入口出口
const path = require('path')
module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
}
2.在终端输入npm init
初始化,生成package.json文件
3.在终端输入npm install webpack --save-dev
4.打开package.json可查看webpack版本号