live-server 和 parcel 是我经常用的两个调试工具，当我想调试一个页面的时候我会分别运行

    1. live-server ./
    2. parcel ./src/index.html
    4. 目录结构如下：
    5. project_name
    6.     dist
    7. > node_modules
    8. > src
    9.         index.html
    10.         index.hcss
    11.         index.js
    12.     package.json

    后来我发现，这两个命令进行预览调试时是有区别的，区别如下

    • live-server 是以接近原生的方式进行调试
    • parcel 是以模块化的方式进行调试

    实践中的区别体现为

    • live-server 中，import 外部 *.js，就是单纯的引入 js 文件（完整路径名和文件扩展都要写清楚）
    • parcel 中，import 外部 *.js 不用完整的文件名，是模块化引入（不用写完整路径名，文件扩展名能省略）
    1. // live-server 中
    2. import '../node_modules/xxx/yyy.js'
    4. // parcel 中
    5. import 'yyy'

    parcel 为什么可以这么简单？
    因为它会自动去 node_modules 中寻找 yyy.js 文件

    「@浪里淘沙的小法师」