使用express框架,如何在ejs文件中导入外部的js、css文件
来源:互联网 发布:淘宝上的图片怎么保存 编辑:程序博客网 时间:2024/05/16 14:46
最近在用nodejs写一点东西,当然也用到了express框架和ejs模版了。在使用ejs模版的过程中遇到了这个问题:如何在ejs模版中导入外部的js、css文件。
我猜测,ejs和html导入外部文件的方式应该是不一样的。但是我还是决定试一试。按照之前在html文件中的方式导入,结果失败。
这也证明我之前的想法,这些静态文件一经过服务器,就不能直接进行导入了。那该如何导入呢?
这是我的文件结构:
我现在需要在index.ejs文件中导入public文件夹下的table.css以及table.js两个文件。
我为什么要将两个静态文件放到public文件夹下呢?
大家应该都知道,在使用express框架时,在安装了express模块之后,在该项目下的命令行输入express -e
就会自动生成相应的文件目录。当然,上面的截图中的目录是我自己写的,下面是express自动生成的目录:
可以看到,其中的public文件夹是其自动生成的,也就是让你放静态文件的文件夹。(当然也不是必须是“public”)
好了,继续。那把包括了js、css以及图片的静态文件放到public文件夹下又该怎么使用呢?
看图:
在servers.js中写上这句
//获取放置在public文件夹下的静态文件,app.use(express.static(__dirname + '/public'));
关于app.use()这个方法具体的介绍,这里有篇文章,写的很好app.use(express.static)方法详解
这样,就可以在ejs文件中导入外部静态文件了。
这里需要注意一点,在导入写URL时,只需要写public后面的路径就好,不需要再加上“public”了。如下:
<link rel="stylesheet" type="text/css" href="table.css"/><script type="text/javascript" src="table.js"></script>
阅读全文
0 0
- 使用express框架,如何在ejs文件中导入外部的js、css文件
- Django模板中如何导入js、css等外部文件
- 如何导入外部JS文件和Css文件
- 如何在CodeIgniter中引入外部的JS和CSS文件
- django1.4模板中如何导入js、css等外部文件
- springBoot项目中使用了thymeleaf模板,怎么在html文件中调用外部的.js/css文件
- 在express中使用ejs模板引擎
- 如何在Jmeter中使用外部的java文件
- 如何在Jmeter中使用外部的java文件
- 如何在Jmeter中使用外部的java文件
- script中js导入外部js文件
- express中ejs模板的基本使用
- eclipse项目中从外部导入的js文件报错如何解决
- Express框架中如何引用ejs模板引擎
- express框架中如何引用ejs模板引擎
- Express框架中如何引用ejs模板引擎
- CSS中外部样式与导入外部CSS样式文件的区别
- BSP中如何引用外部文件(JS/CSS等)及复杂功能的组织实现
- iOS 获取设备唯一标示符的方法
- 解决VMware虚拟机网络时长中断的问题
- 如何在VS2010中的MFC中配置GDI+
- Vue 中的 v-if 和 v-show
- jquery中attr和prop的区别
- 使用express框架,如何在ejs文件中导入外部的js、css文件
- opencv3.3.0+vs2010+cmake环境搭建
- Error:Error: Expected resource of type styleable [ResourceType]
- shipyard的内存消耗统计-测试
- Qt学习笔记——对话框
- 并发包:ExecutorService和ThreadPoolExecutor
- wpf 基本的xaml 事件触发器注意事项
- 批处理打开文件目录带空格
- CentOS 7 安装 NVIDIA 显卡驱动和 CUDA Toolkit