为什么我总是需要运行npm run production来查看更改

时间:2019-08-03 00:48:21

标签: laravel vue.js

我在laravel中使用Vue。当我在vue代码中进行更改时,直到运行此命令,这些更改才会出现:

npm run production

我想在不使用此命令的情况下使用vue,或者至少一次就足够了

3 个答案:

答案 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 developmentnpm run production

答案 2 :(得分:0)

要更新端口ID上的代码,需要运行npm rum production命令