lbwa / set.sh-stale

✍A place which is used to share my programming experiences in Chinese. 一个分享代码经历的地方。
https://set.sh
0 stars 0 forks source link

浏览器读取了不存在的dist目录中的build.js #4

Open lbwa opened 6 years ago

lbwa commented 6 years ago

疑惑:执行npm run dev时目录中并没有生成dist目录,但浏览器却读取了根目录下的dist目录中的build.js(webpack打包的输出js文件——output选项)

package.json配置npm scripts如下:

"scripts": {
  "dev": "webpack-dev-server --inline --hot",
  // ...
}

webpack-dev-serverreadme.md

It uses webpack-dev-middleware under the hood, which provides fast in-memory access to the webpack assets.

而在webpack-dev-middleware中的readme.md

No files are written to disk, rather it handles files in memory

以上翻译过来就是在创建middleware时,所有的文档操作都在内存中进行,整个过程对硬盘没有读写。而webpack-dev-server又是建立在web-dev-middleware的基础之上,所以,在整个使用1. webpack打包文件,2 .创建server的过程中,webpack打包后的文件只存在于内存中,硬盘中是不会创建dist文件目录的,更看不到编译后的bundle.js文件。