zoukankan      html  css  js  c++  java
  • week5 04 npm run build

    上期

    我们完成了nodeserver的创建

    用的是express genrealtor那个工具

    我们在server端执行

    起来了

    然后我们改一下 删一下 我们觉着暂时没用的东西

    首先去app.js程序入口看看

    删掉这些消息中间件

     

    这个也删了吧 我们自己弄

    删完长这样

    var express = require('express');
    var path = require('path');
    
    
    
    var index = require('./routes/index');
    
    
    var app = express();
    
    
    app.use(express.static(path.join(__dirname, 'public')));
    
    app.use('/', index);
    
    
    // catch 404 and forward to error handler
    app.use(function(req, res, next) {
      var err = new Error('Not Found');
      err.status = 404;
      res.render('404 Not Found');
    });
    
    
    
    module.exports = app;
    App.js

    这和我们第一个项目Angular是完全不同的

    Angular是我发代码给浏览器去执行解析代码生成页面

    当然了 你也可以结合着两种方式 一部分页面用react这样的 比如比较敏感的信息页面

    其他页面用Angular也是可以的

    然后我们去routes去修改 index页面

    意思就是将前端页面文件发到build文件夹下

    如果没装就装上nodemon

    这些配置信息可以根据自己要求修改

     下面我们就可以用 npm start 来运行 nodemon了

    当然了 

    我们还没build

    所以我们会client目录下执行命令

    那么同样他也是在package里面定义的

    后边我们会具体讲

    但是呢 他这个 npm run buuild和我们第一个项目Angular的ng build --watch有很大区别 就是他不能监听变化自动重启运行这个命令

    所以就有点麻烦 需要手动打命令

    其实也没啥 我们前端做自己的做好了 需要联调了和nodeserver我们再运行这个命令呗

     

  • 相关阅读:
    纯CSS打造好看的按钮样式
    jQuery手机端触摸卡片切换效果
    CSS手动改变DIV高宽
    Windows 10 的音频和 MIDI API将统一
    美食网站响应式精美模板
    三道Javascript的练习题
    html5手机端遮罩弹出菜单代码
    CSS的::selection使用方法
    Html5绘制饼图统计图
    JQuery实现一个简单的鼠标跟随提示效果
  • 原文地址:https://www.cnblogs.com/PoeticalJustice/p/9548665.html
Copyright © 2011-2022 走看看