代码之家 › 专栏 › 技术社区 › fadedbee

使用VueJS、VuelidateJS和NodeJS/Express时的项目结构

es6-modules vue.js express node.js javascript

fadedbee · 技术社区 · 6 年前

我的web开发主要是intranet站点和使用NodeJS的嵌入式设备的web前端。

public

我开始使用VueJS和Vuelidate,它们都使用现在的ES6模块系统。 import { required, minLength } from 'vuelidate/lib/validators' .

如果我使用VueJS首选的WebPack选项,我应该如何更改代码的结构?

1 回复 | 直到 6 年前

Martin Bean 6 年前

我不知道你为什么要把你的JavaScript代码放在其他包里。如果您有一个应用程序,那么您可以将原始JavaScript文件以及构建脚本保存在那里。有人应该能够检查出你的应用程序,并能够建立它。

如果你走这条路,那么你可以把你的原始JavaScript文件放在一个库/ src公司/ 目录。然后可以使用Mix编译这些组件,如下所示:

mix.js('lib/your-entry-point-script.js', 'public/js/app.js');

你的入门脚本就是 require 这是所有其他脚本和组件以及要生成的脚本。然后,Mix将编译该脚本并将结果脚本放在 .

Mix本身就是一个npm包,所以你需要做的就是 npm install laravel-mix --save-dev .

你可以阅读更多关于混合在 https://laravel.com/docs/5.7/mix

推荐文章

pixelpete36 · 在vscode中通过npm加载React时,是否需要在HTML文件中使用<script>标记?

1 年前

Iseoluwa ariyibi · 获取未定义的控制台后日志记录req.body

1 年前

Guilherme Doherty Marques · Javascript机器人检查签证预约不起作用,我不知道如何解决

1 年前

AlaaKudo810 · 无法更新猫鼬中的对象

1 年前

Unnikrishnan KJ · 由于“TypeError”,路径“pathname”处的值“[]”(类型为Array)转换为数组失败

1 年前

Ananya S · 请求hashicorp保险库通过cURL工作,但不通过node-js程序

1 年前

Daniel Varentsoff · 如何使用bullmq重试成功的作业

1 年前

Alireza Keshvari · 如何在ws和express中向具有不同工作人员的所有客户端广播消息?

1 年前

Foobar · 如何在Fastify中为请求附加“项目”密钥?

1 年前

chrispytoes · 从服务器端获取登录用户

1 年前