webpack run dev后并没有生成dist目录,但是浏览器里却读取了dist里的build.js?
最近想看看现在做的React项目用的脚手架,看了下webpack的配置,尝试修改一些东西看看输出结果,结果允许npm run dev发现没有输出目录,怎么回事呢。又安装了vue官方提供的webpack-simple脚手架,发现也是没有输出目录。
到网上搜寻该问题,发现一个不错的解答。
最近刚学vue + webpack
用vue init webpack-simple my-project 新建了一个vue + webpack的目录
npm install后就npm run dev了
浏览器自动启动后source里怎么会有dist/build.js???
本地里也没有生成这个目录啊!!!
npm run build就有dist了
问题:
这个run dev 和 run build有什么区别?
本地没有dist目录,但是浏览器却读取了dist目录的内容,这个东西要怎么理解
解答:
run dev 运行的命令是:
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
这里是用 https://github.com/webpack/we... 运行的页面.
webpack-dev-server 的介绍如下:
It uses webpack-dev-middleware under the hood, which provides fast in-memory access to the webpack assets.
webpack-dev-middleware 的介绍如下:
No files are written to disk, it handle the files in memory
参考链接