1.安装nodejs
2.全局安装webpack
npm install webpack@3.8.1 -g
3.新建项目文件夹如:app
image.png
4.初始化一个项目配置文件package.json,如下:
npm init //使用npm init初始化项目
image.png
5.本地安装webpack到项目依赖中
npm install webpack@3.8.1 -D //4.x版本需安装webpack-cli
// npm install webpack-cli -D
6.安装webpack-dev-server
npm install webpack-dev-server -D
7.新建webpack.config.js配置文件,内容如下:
module.exports = {
entry: './src/main.js', //入口文件
output: { //出口
path: __dirname + '/dist/js', //打包目录
filename: 'index.js' //打包文件名
},
devServer: { //本地服务器相关配置,webpack-dev-server
contentBase: './',
compress: true,
port: 9000
}
}