码迷,mamicode.com
首页 > Web开发 > 详细

基于node、webpack、搭建一个koa服务器

时间:2019-05-10 13:17:30      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:new   pat   ecif   router   install   save   node   package   use   

1、首先需要node(去官网下载)

2、见一个文件夹  比如koa          cmd——r       cd  koa文件

3、npm init

4、安装webpack       (本地安装)

npm install --save-dev webpack

4.1、用webpack4+  还需要安装webpack-cli

npm install --save-dev webpack-cli

5、安装koa    (记住,package.json内的项目名称不能叫koa   否则安装不了koa)

npm install koa --save

6、安装其他依赖

npm install koa-compress --save
npm install koa-router --save
npm install koa-compress --save
npm install koa-static --save

package.json文件

{
  "name": "testKoa",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "serve":"node app.js"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.31.0",
    "webpack-cli": "^3.3.2"
  },
  "dependencies": {
    "koa": "^2.7.0",
    "koa-compress": "^3.0.0",
    "koa-router": "^7.4.0",
    "koa-static": "^5.0.0"
  }
}

app.js

const koaStatic = require("koa-static");
const compress = require("koa-compress");
const path = require("path");
const fs = require("fs");
const app = new Koa();

app.use(compress());
app.use(koaStatic(path.resolve(__dirname,"./")));
const router = koaRouter();

router.get("*",async(ctx,next)=>{
    ctx.type="html",
    ctx.body=fs.readFileSync(path.resolve(‘./dist/index.html‘),‘utf-8‘)
    
});

app.use(router.routes()).use(router.allowedMethods());

app.listen(3000,()=>{
    console.log("server run on  localhost:3000");
})

 将dist的文件放到跟目录

运行npm run serve

基于node、webpack、搭建一个koa服务器

标签:new   pat   ecif   router   install   save   node   package   use   

原文地址:https://www.cnblogs.com/fqh123/p/10843748.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!