webpack 代理服务器环境配置

来源:互联网 发布:ubuntu和redhat的区别 编辑:程序博客网 时间:2024/05/23 17:08

1:全局安装webpack

cnpm install webpack -g

2:新建文件夹,并且进入这个文件夹下

3:新建packjson.js文件

cnpm init -y

4:安装webpack

cnpm install webpack -D

5:安装webpack-dev-server

cnpm install webpack-dev-server -D

6:在package.js同级目录下新建package.config.js文件。代码如下:

module.exports={  entry:'',  output:'',  devServer:{    port:9999,    host:'localhost'  }}

同时修改package.json文件

{ ...,  "scripts": {    "test": "echo \"Error: no test specified\" && exit 1",    "dev":"webpack-dev-server"  }, ...}

此时运行cnpm run dev是报错的,必须写入入口文件;否则报错;于是新建一个index.js(代码为空);然后改下package.config.js

module.exports={  entry:'./index.js',  output:'',  devServer:{    port:9999,    host:'localhost'  }}

此时运行 cnpm run dev 就没问题了;

原创粉丝点击