2020/09/07 ts封装视频播放组件视频学习笔记

1.webpack基本使用

下载安装

npm i -D webpack webpack-cli

使用

1. 进入文件夹生成package.json

npm init -y

2. 创建webpack.config.js，配置入口及出口文件
   文件内容：

const path = require('path');//引入path模块
const HtmlWebpackPlugin = require('html-webpack-plugin') //自动编译模板
const {
    CleanWebpackPlugin
} = require('clean-webpack-plugin') //清除上一次编译前已有的模板

module.exports={
entry:'./src/main.js', //入口文件设置
output:{
	path:resolve("__dirname",'dist');//设置出口文件夹
	filename:'main.js';//设置出口文件名
	}
},
module:{
	rules:[
		{
		test:/\.css$/, //使用style-loader与css-loader编译css文件成为webpack能够识别的模块
		use:['style-loader','css-loader'],
		}
    ]
},
plugins:[ //一些插件
	new HtmlWebpackPlugin({
        template: './src/index.html'
     }),
    new CleanWebpackPlugin()
]
}