慕课网

TypeScript封装播放器组件

最热最新

yangtao080304 09:39

resolve

查看全部

0 采集收起来源：支持TypeScript的使用
2024-03-04
yangtao080304 09:44

环境

查看全部

0 采集收起来源：创建webpack与loader使用
2024-03-04
一米阳光0704 02:32

1. 安装ts-loader
cnpm i -D ts-loader typescript
2. 修改webpack.config.js
rules:{
test:/\.ts$/,
use:['ts-loader'],
exclude:/node-module/ //排除node_module目录 }
3. 新增tsconfig.json
{ "compilerOptions":{ "module":"ES6", "target":"ES5" } }
4. 引用省略后缀名
resolve:{ "extensions":['.ts','.js','.json'] }

查看全部

0 采集收起来源：支持TypeScript的使用
2022-12-26
SoulY 04:35

devServer: {
// contentBase: "/dist", // webpack5 已经废弃，改static
static: {
directory: path.join(__dirname, "dist")
},
open: true
},

查看全部

0 采集收起来源：webpack-dev-server的使用
2022-06-12
慕标8254439 10:38

有几个容易出错的地方，记录一下
1、path引入是const path = require('path) 如果需要使用import path from 'path' 需要使用webpack插件
2、node 导出接口是使用 module.exports 而不是 export default
3、引入loader的test 不需要加引号 /\.css$/

查看全部

0 采集收起来源：创建webpack与loader使用
2022-03-18
Lasca 03:02
问题：
1. 实时监听代码，当监听到代码变化就重新打包；
2. 缺少前端的服务(现有 index.html 是通过本地打开的方式启动)；
解决方案：安装及配置webpack-dev-server
- 安装命令：
```
npm i -D webpack-dev-server
```
- 在 webpack.config.js 中配置：
```
module.export = {
    ...
    devServer: {
        contentBase: "/dist,
        open: true
    },
    ...
}
```
- 重新在 package.json 中配置脚本
```
"scripts":{
    ...
    "start": "webpack-dev-server"
}
```
- 运行命令
```
npm start
```
查看全部

0 采集收起来源：webpack-dev-server的使用
2021-11-29
qq_捂着心脏说胃疼_0 01:22

npm init -y：-y就是yes的意思，在init的时候直接略过所有问答，全部采用默认答案，生成的默认的package.json

package.json-scripts里面定义执行webpack.config.js的命令"build": "webpack"即可，默认就会执行根目录下面的webpack.config.js，但如果我们换名字了或者不放在根目录下就可以添加后面部分来自定义执行文件，即
"build": "webpack --config webpack.config.js"

查看全部

0 采集收起来源：创建webpack与loader使用
2021-04-25
大地缸

感谢

查看全部

0 采集收起来源：播放进度条的实现
2021-01-21
慕莱坞5350593
```
min.padStart(2,'0')
```
补零操作
查看全部

1 采集收起来源：当前时间与总时间
2021-01-02
qq_Bluespun_0 02:32

嗯嗯嗯

查看全部

0 采集收起来源：创建webpack与loader使用
2020-12-16
UFO2015 00:11

弹层播放器组件

查看全部

0 采集收起来源：课程介绍
2020-12-06
落夜星空 07:39

style-loader 提取到内部样式
mini-css-extract-plugin 提取到单独的 css

查看全部

0 采集收起来源：打包项目案例
2020-11-25
落夜星空 05:50

静音下可以自动播放

查看全部

1 采集收起来源：配置自动播放
2020-11-25

藤藤菜杆杆

1. 安装ts-loader

$ cnpm i -D ts-loader typescript

2. 修改webpack.config.js

rules:{
    test:/\.ts$/,
    use:['ts-loader'],
    exclude:/node-module/ //排除node_module目录
}

3. 新增tsconfig.json

{
   "compilerOptions":{
       "module":"ES6",
       "target":"ES5"
   } 
}

4. 引用省略后缀名

resolve:{
    "extensions":['.ts','.js','.json']
}

查看全部

0 采集收起来源：支持TypeScript的使用

2020-11-25

藤藤菜杆杆
1. 下载依赖
```
$ cnpm i -D file-loader
```
2. 修改webpack.config.js
```
module:{
    rules :{
        test: /\.(eot/woff2/woff/ttf/svg)$/
    }
}
```
查看全部

1 采集收起来源：支持字体图标的使用
2020-11-25

0/150

提交

取消

开始学习

课程须知: 1、具备JavaScript基础 2、具备TypeScript基础

老师告诉你能学到什么？: 1. 学习如何在项目中，真正把TypeScript用于实践。 2. 学习如何从0开始搭建项目，手把手教Webpack实战。 3. 深度理解组件化设计的好处，如何更好的设计出通用方法。