TypeScript 文件引入 Html (ts import html webpack)
2024-10-08 17:00:08
我们的目标是把html引入ts文件,webpack打包时就能把html打进js文件,减少文件加载啦
1 安装 text-loader
npm install text-loader --save-dev
2 webpack 配置里新增 text-loader 为文本加载器
module: {
rules: [
{
test: /\.html$/,
use: 'raw-loader',
}
]
新建文件 命名为 typings.d.ts, 这样TypeScript文件里就可把Html引入为字符串模块了
declare module "*.html" {
const content: string;
export default content;
}
4 在 TypeScript 里引入html
import prompt from '../../dom/Prompt.html';(这里写html文件的相对路径)
console.log( prompt ) ;
最新文章
- 深入理解JS 执行细节
- 单例模式singleton
- 解决iphone5,5s有锁版(AU,SB,S版等等)ios7越狱后+86、FT、IM等一切问题
- mysql开启日志
- hibernate建表多对多建表
- Mongo数据模型
- 利用 Lua 实现 App 动态化方案
- 《C专家编程》读书笔记
- iBatis查询结果部分为null的解决办法
- python循环,判断及函数
- 【甘道夫】Apache Hadoop 2.5.0-cdh5.2.0 HDFS Quotas 配额控制
- PhantomJS命令行选项
- 转载:教你分分钟搞定Docker私有仓库Registry
- python3 字典(dictionary)(一)
- AndroidStudio生成APK注意的几个问题
- 1.使用脚本控制模型的移动 --《Unity 3D 游戏开发》笔记
- 验证当前启动APP的Package 和 Activity
- vue2+axios在不同的环境打包不同的接口地址
- atoi 和 itoa的实现
- CentOS使用Ubuntu的start-stop-daemon来启动守护进程