Open lbwa opened 6 years ago
疑惑:执行npm run dev时目录中并没有生成dist目录,但浏览器却读取了根目录下的dist目录中的build.js(webpack打包的输出js文件——output选项)
在package.json配置npm scripts如下:
package.json
npm scripts
"scripts": { "dev": "webpack-dev-server --inline --hot", // ... }
据webpack-dev-server的readme.md:
readme.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文件。
middleware
webpack-dev-server
web-dev-middleware
webpack
server
dist
在
package.json
配置npm scripts
如下:据webpack-dev-server的
readme.md
:而在webpack-dev-middleware中的
readme.md
:以上翻译过来就是在创建
middleware
时,所有的文档操作都在内存中进行,整个过程对硬盘没有读写。而webpack-dev-server
又是建立在web-dev-middleware
的基础之上,所以,在整个使用1.webpack
打包文件,2 .创建server
的过程中,webpack
打包后的文件只存在于内存中,硬盘中是不会创建dist
文件目录的,更看不到编译后的bundle.js文件。