首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

拉威尔·webpack npm run watch只能运行一次

拉威尔(Laravel)是一种流行的PHP开发框架,而Webpack是一个现代化的前端构建工具,用于打包和优化前端资源。npm run watch是一个用于在开发过程中监听文件变化并自动重新构建的命令。

当你运行npm run watch命令时,Webpack会开始监听指定的文件夹中的文件变化。一旦有文件发生变化,Webpack会重新构建项目,并将更新后的文件输出到指定的目录中。这对于开发过程中的实时预览和调试非常有用。

然而,npm run watch只能运行一次是因为它会一直监听文件变化,直到你手动停止它。如果你想再次运行npm run watch命令,你需要先停止之前的运行实例,然后再重新运行。

总结起来,拉威尔的npm run watch命令配合Webpack可以实现在开发过程中实时监听文件变化并自动重新构建项目的功能,但需要手动停止之前的运行实例才能再次运行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • Webpack 实战入门系列(二):插件使用及热更新打包

    npm run build看下效果吧。...这个对我们的开发是有帮助的,这样不用每次修改一点内容,就要运行一次打包,比较浪费时间。...--watch" }, 在package.json文件中添加一个“webpack --watch”配置(别名为watch),代替webpack,然后构建时运行 npm run watch,可以看到...这种方式,运行时仍然用npm run build也可以启动监听。 这种方式跟上面本质上是一样,而且都要刷新一下浏览器,才能看到我们修改项目文件的效果。...配置好之后,我们就来体验一下效果,运行 npm run dev 会看到它执行了webpack-dev-server --open这个命令,如果看到类似这个页面,表示这里打开的是dist目录下文件列表。

    45930

    十分钟搞定 TypeScript + webpack 配置

    安装、构建和运行 Web 应用 首先需要安装我们的网络应用依赖的所有 npm 软件包: npm install 然后,需要通过 package.json 中的脚本来运行 webpack(在上一步中也已安装...): npm run wpw 从现在开始,webpack 会监视存储库中的文件是否有更改,并在检测到任何修改时重新构建该 Web 应用。...在另一个命令行中,我们现在可以启动一个在本地主机上提供 build/ 内容的 Web 服务器: npm run serve 如果转到 Web 服务器输出的 URL,则可以看到正在运行的 Web 应用程序...可选:在 .vscode/tasks.json 设置适当的问题匹配器: "problemMatcher": ["$tsc-watch"], 现在我们可以从 “Terminal” 菜单执行 “Run Build...wp:运行 webpack 一次编译所有内容。 wpw:用 webpack 监视,并仅编译修改过的文件。 serve:运行服务器 http-server 并提供目录 build/ 的内容。

    2.8K22

    如何提升vscode扩展的速度

    我的目标是使所有这些仍然有效: 包装 npm run package 发布 npm run publish 本地和CI测试 npm run test 用F5调试 launch.json F5使用以下命令调试测试...--mode none", "watch": "webpack --mode none --watch", "postinstall": "node node_modules/vscode...run compile", "test": "npm run test-compile && node node_modules/vscode/bin/test" }, 我launch.json...热启动时间:3.5s至<2s 冷启动时间(第一次安装后):20s至2s 提示 使用webpack捆绑扩展会影响几件事。这就是测试所有这些超级重要的原因。...在调试器中本地运行扩展(并测试您是否可以遇到断点) 打包扩展并从菜单加载(从VSIX加载) 使用调试器运行测试(测试可以达到断点) 从运行您的测试脚本 npm test 完成后,您可以再次检查激活时间。

    3.5K10

    Laravel Mix 初探

    Laravel 上面的安装 Laravel 5.4 以上默认已经安装了 Laravel Mix, 在开发机配置了node 和 npm的基础上,仅仅只需要运行下面的命令即可安装: npm install...npm run watch 基本和npm run dev构建出来的文件一样,但是可以监测到静态资源文件的变化并且自动构建更新静态资源。...run watch 命令的时候 Browsersync 会启动一个localhost:3000的服务。...npm run production 将编译我们所有的静态资源,并产生一个生产就绪的构建。它将运行所有的Mix 任务,并且会压缩文件输出。...id=587234682346"> 每次构建都重新打版本号又会导致很慢,那你还可以这样 // 你可以指示版本控制过程仅在 npm run production 运行期间进行 mix.js('resources

    4.3K60

    webpack学习简单总结

    要是css引入正确:必须引入css-loader,要使改变的css生效,要引入style-loader; 各个js的函数调用只能在各自的函数中写,引入只是合并的意思,但并不能直接使用引入的js的函数。...--watch 在命令后面加 --watch ,可以不用每次改动都执行命令,而是自动改变 注意:修改了webpack配置需要重启,即即使设置了监听也要手动重新编译; 关于版本安装问题:把想要安装的npm...中的script下,定义一个webpack属性,后面定义所有要输入的webpack的命令,定义好之后,在命令窗口 运行 命令 npm run webpack即可,定义方式与定义npm run dev中的...【常见问题】 如果更改了入口文件的数量,比如变成数组形式,或者对象形式,则需要重新手动运行npm run webpack。...webpack插件 npm安装该插件 npm install 插件名 --save-dev 一个很好用的webpack插件:html-webpack-plugin 安装 npm install html-webpack-plugin

    1.2K60
    领券