webpack与ts
文章平均质量分 66
xx小台灯
这个作者很懒,什么都没留下…
展开
-
使用typescript与webpack搭建开发环境(四)
theme: condensed-night-purple如何区分开发环境与生成环境上一章讲了开发环境devtool的使用,但是官方推荐不同的环境使用不同的配置,那么怎么来区分当前运行的是什么环境呢,这次讲一下这个。安装依赖$ yarn add -D webpack-merge调整目录结构增加config文件夹,将webpack.config.js文件移动到里面,保留基础配置,删除mode和devtool属性在config文件夹中增加webpack.conf.dev.js,写入以下内容c.原创 2021-03-11 17:31:45 · 132 阅读 · 3 评论 -
使用typescript与webpack搭建开发环境(三)
开发环境设置上一章在日常开发的过程中,debug是避免不了的,我们都知道webpack是把文件打包了的,对于debug来说是非常不方便的,本章主要说一下怎么debug准备环境修改 webpack.config.jsmodule.exports = { // mode: "development" }把这行代码注释掉新增一个ts文件在src目录下新增一个名为Person.ts的文件,内容如下修改index.ts文件之前的代码全部注释或删除,新增以下内容内容准备完成,现原创 2021-03-11 17:30:16 · 158 阅读 · 0 评论 -
使用typescript与webpack搭建开发环境(二)
静态资源的引入上一章中已经搭建好开发环境,下面开始逐渐丰富项目的内容,本章是静态资源的引入。安装依赖webpack默认是只认识JavaScript的,只知道该怎么处理它,如果项目中出现了其他类型的文件,并且也希望webpack对它进行打包的时候,就要安装对应的loader了。loader是什么,下面内容源自webpack中文网站loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此,loader 类似于其他构建工具中“任务(task)”原创 2021-03-08 10:26:36 · 138 阅读 · 0 评论 -
使用typescript与webpack搭建开发环境
使用typescript与webpack搭建开发环境项目初始化$ yarn init -y本文全部使用yarn命令,没有安装的可以执行下面使用npm安装$ npm i -g yarn安装依赖将上面内容拷贝到项目中的package.json文件中,执行安装命令$ yarn install 项目配置初始化tsconfig.json$ tsc --init如果出现tsc不是正常的命令错误提示 可在命令前面添加npx 然后在执行执行成功之后修改tsconfig,写入以下内容原创 2021-03-07 11:53:53 · 224 阅读 · 2 评论