我在laravel中使用Vue。当我在vue代码中进行更改时,直到运行此命令,这些更改才会出现:
npm run production
我想在不使用此命令的情况下使用vue,或者至少一次就足够了
答案 0 :(得分:4)
您编写的Vue代码必须编译到普通javascript,这样大多数浏览器才能理解它(并非所有浏览器都能理解Vue或底层javascript版本,例如ES6)。
此外,您编写的代码很可能具有许多依赖性(包括Vue本身),但也具有许多其他库。 npm run
会生成一个包含所有运行所需代码的javascript文件,而且还会删除您不使用的所有其他库文件。如果这没有发生,则页面加载将花费大量时间,因为浏览器将需要加载所有库。
答案 1 :(得分:1)
在处理vue组件时,您只需运行npm run watch
即可将vue继续构建到原始javascript代码中。
npm run watch
到底能做什么?
在laravel项目的根文件夹中的package.json
文件中,您可以看到有一个“监视”脚本,然后该脚本运行npm run development -- --watch
。在这里,--watch
部分很重要。 npm run development
将vue组件编译或构建到./public/js/app.js
中,并在./public/css/
中创建与您在vue组件标签中应用的样式相对应的css样式。
./public/js/app.js
和./public/css/*.css
文件包含在php刀片中,并用作vue组件。
在您在本地开发环境而不是npm run development
上工作时,建议使用npm run production
,该命令本身暗示它会生成vue组件的生产版本。在生产版本中,vue-devtools无法检查vue组件,但在开发版本中可以。
并且--watch
部分会密切关注vue组件的变化,并且只要您对.vue文件进行任何更改,它就会立即构建。因此,您运行一次npm run watch
,就很好了。无需每次都运行npm run development
或npm run production
。
答案 2 :(得分:0)
要更新端口ID上的代码,需要运行npm rum production命令