• 用node.js和webpack做前后端分离的总结


    1.webpack打包的特点 (打包文件到指定地点,修改原文件里的引用路径为打包的地点) 涉及output的path/public path/dev-server里的public path等概念

     webpack的入口是js文件,可以包办从js里引入的css和其他html模块,但无法包办根html文件(index.html),即引入webpack入口js文件的html文件。

    2.开发环境(dev)和生产/线上环境(prod)的区分 (是否压缩,不同的打包路径,不同的config等等)

    3.express如何调用静态文件 express.static() 以及app.use是如何处理url(按顺序处理,接管子路径,static的加载规则(是否重定向目录,是否使用默认的index)等等)

    4.dev-server中引用的目录问题,有一些是以node.js实际启动脚本位置的目录为基准的。(与nodeJs中不同的路径表示方式有关)

    5.webpack的热更新中间件配置,可以在启动静态资源前使用webpack进行编译,并且监视变化

    6.process是node的全局变量,global.process 可以通过它取到运行脚本时在命令行输入的参数 ,以此控制是测试状态还是开发状态。

  • 相关阅读:
    js原型链原理看图说话
    this关键字
    ECMAScript 继承机制实现
    Javascript闭包模拟私有成员
    关于javascript中apply()和call()方法的区别
    arguments.callee
    有用的工具函数
    ECMAScript的世界
    JavaScript 技巧与高级特性
    自定义控件不让在界面拖放。
  • 原文地址:https://www.cnblogs.com/natsu07/p/7403220.html
Copyright © 2020-2023  润新知