webpack搭建本地服务器

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
    }
}